/* font-family: "MyriadProRegular"; */
@font-face {
    font-family: "MyriadProRegular";
    src: url("/local/templates/webdoka/assets/legacy_fonts/MyriadProRegular/MyriadProRegular.eot");
    src: url("/local/templates/webdoka/assets/legacy_fonts/MyriadProRegular/MyriadProRegular.eot?#iefix") format("embedded-opentype"),
    url("/local/templates/webdoka/assets/legacy_fonts/MyriadProRegular/MyriadProRegular.woff") format("woff"),
    url("/local/templates/webdoka/assets/legacy_fonts/MyriadProRegular/MyriadProRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/* font-family: "MyriadProBold"; */
@font-face {
    font-family: "MyriadProBold";
    src: url("/local/templates/webdoka/assets/legacy_fonts/MyriadProBold/MyriadProBold.eot");
    src: url("/local/templates/webdoka/assets/legacy_fonts/MyriadProBold/MyriadProBold.eot?#iefix") format("embedded-opentype"),
    url("/local/templates/webdoka/assets/legacy_fonts/MyriadProBold/MyriadProBold.woff") format("woff"),
    url("/local/templates/webdoka/assets/legacy_fonts/MyriadProBold/MyriadProBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/* font-family: "MyriadProItalic"; */
@font-face {
    font-family: "MyriadProItalic";
    src: url("/local/templates/webdoka/assets/legacy_fonts/MyriadProItalic/MyriadProItalic.eot");
    src: url("/local/templates/webdoka/assets/legacy_fonts/MyriadProItalic/MyriadProItalic.eot?#iefix") format("embedded-opentype"),
    url("/local/templates/webdoka/assets/legacy_fonts/MyriadProItalic/MyriadProItalic.woff") format("woff"),
    url("/local/templates/webdoka/assets/legacy_fonts/MyriadProItalic/MyriadProItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/* font-family: "MyriadProSemiBold"; */
@font-face {
    font-family: "MyriadProSemiBold";
    src: url("/local/templates/webdoka/assets/legacy_fonts/MyriadProSemiBold/MyriadProSemiBold.eot");
    src: url("/local/templates/webdoka/assets/legacy_fonts/MyriadProSemiBold/MyriadProSemiBold.eot?#iefix") format("embedded-opentype"),
    url("/local/templates/webdoka/assets/legacy_fonts/MyriadProSemiBold/MyriadProSemiBold.woff") format("woff"),
    url("/local/templates/webdoka/assets/legacy_fonts/MyriadProSemiBold/MyriadProSemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/* font-family: "MyriadProBoldItalic"; */
@font-face {
    font-family: "MyriadProBoldItalic";
    src: url("/local/templates/webdoka/assets/legacy_fonts/MyriadProBoldItalic/MyriadProBoldItalic.eot");
    src: url("/local/templates/webdoka/assets/legacy_fonts/MyriadProBoldItalic/MyriadProBoldItalic.eot?#iefix") format("embedded-opentype"),
    url("/local/templates/webdoka/assets/legacy_fonts/MyriadProBoldItalic/MyriadProBoldItalic.woff") format("woff"),
    url("/local/templates/webdoka/assets/legacy_fonts/MyriadProBoldItalic/MyriadProBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/* font-family: "MyriadProSemiBoldItalic"; */
@font-face {
    font-family: "MyriadProSemiBoldItalic";
    src: url("/local/templates/webdoka/assets/legacy_fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.eot");
    src: url("/local/templates/webdoka/assets/legacy_fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.eot?#iefix") format("embedded-opentype"),
    url("/local/templates/webdoka/assets/legacy_fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.woff") format("woff"),
    url("/local/templates/webdoka/assets/legacy_fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/*
body {
    padding: 0;
    margin: 0;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    letter-spacing: 0px;
    color: #40404b;
    overflow-x: hidden;
}
*/

body.lg-on {
    overflow: hidden;
}

/*
a {
    color: #8d8d8d;
}

a:hover,
a:focus,
a:active {
    color: #40404B;
}
*/

h2 {
    font-size: 24px;
    font-size: 1.714285714285714em;
	font-weight: 300;
}

h3 {
    font-size: 18px;
    font-size: 1.285714285714286em;
    font-weight: 300;
}

h4 {
    font-size: 15px;
    font-size: 1.0714285714285714285714285714286em;
    font-weight: 300;
}

h5 {
    font-size: 13px;
    font-size: 0.9285714285714286;
    font-weight: 300;
}

ol {
    counter-reset: item;
    padding-left: 0;
}

ol li {
    display: block;
}

ol li:before {
    content: counter(item) ". ";
    counter-increment: item;
    color: #929292;
}

ul li span.ul-dot {
    width: 20px;
    height: 6px;
    display: inline-block;
    background: url(/local/templates/webdoka/assets/images/ul-li-dot.png) no-repeat;
}

.propose_buy_list .propose_img img, .propose_buy .propose_img img {
    margin: 0 auto 40px auto;
}

.quantity_squear {
    margin-top: 4px !important;
    margin-bottom: 5px !important;
}

.store_name {
    text-decoration: none;
    cursor: auto !important;
}

.cabinet_btn_login_url {
    line-height: 34px;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    text-decoration: none;
}

.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
    border-color: transparent;
}

.btn-link {
    font-weight: 300;
    color: #929292;
    border-radius: 0;
    text-decoration: underline;
}

.btn {
    border-radius: 0;
    display: inline-block;
    white-space: normal;
}


@media screen and (max-width: 768px) {
    h1, .h1 {
        font-size: 30px;
    }

    h2, .h2 {
        font-size: 24px;
    }

    h3, .h3 {
        font-size: 20px;
    }

    h4, .h4 {
        font-size: 16px;
    }
}


.footer_center_item {
    padding-left: 45px;
}

.make_order {
    display: none;
    left: 0;
    top: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    z-index: 500;
    padding: 100px 0;
}

.order_mask {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ccc;
    background: rgba(0, 0, 0, .8);
    z-index: -1;
}

.wait_text {
    position: relative;
    margin-top: 100px;
    z-index: 1;
    text-align: center;
    color: #FFF;
}

.errortext {
    color: #ba3c3c;
}

.dnone {
    display: none;
}

.fullwidth {
    width: 100%;
}

.mb15 {
    margin-bottom: 15px;
}

.seo_text_catalog h2 {
    font-size: 2.142857142857143em;
}

.t_gray {
    color: #8d8d8d;   
}

.radius50 {
    border-radius: 50%;
    display: block;
}

.bike_shop .dyn_color, .bike_shop .dyn_color * {
    color: #84bc30;
}

.xc_ski_shop .dyn_color, .xc_ski_shop .dyn_color * {
    color: #4cbbda;
}

.alpine_ski_shop .dyn_color, .alpine_ski_shop .dyn_color * {
    color: #505199;
}


.dyn_color.red {
    color: red !important;
}

.fa.fa-check.no {
    color: red;
}

#waitlist_form input, #waitlist_form textarea {
    position: relative;
}

#waitlist_form input:focus, #waitlist_form textarea:focus, #waitlist_form input[data-valid="focus"], #waitlist_form textarea[data-valid="focus"] {
    -webkit-box-shadow: inset 0px 0px 0px 3px var(--brand-color);
    -moz-box-shadow: inset 0px 0px 0px 3px var(--brand-color);
    box-shadow: inset 0px 0px 0px 3px var(--brand-color);
    border: 1px solid var(--brand-color);
}

#waitlist_form input[data-valid="error"], #waitlist_form textarea[data-valid="error"] {
    -webkit-box-shadow: inset 0px 0px 0px 3px #ba3c3c;
    -moz-box-shadow: inset 0px 0px 0px 3px #ba3c3c;
    box-shadow: inset 0px 0px 0px 3px #ba3c3c;
    border: 1px solid #ba3c3c;
    padding: 10px 40px 10px 10px;
    background: url(/bitrix/templates/main/images/input-error.png) no-repeat 100% 50% #fff;
}

#waitlist_form input[data-valid="ok"], #waitlist_form textarea[data-valid="ok"] {
    -webkit-box-shadow: inset 0px 0px 0px 3px #d8d8d8;
    -moz-box-shadow: inset 0px 0px 0px 3px #d8d8d8;
    box-shadow: inset 0px 0px 0px 3px #d8d8d8;
    border: 1px solid #d8d8d8;
    padding: 10px 40px 10px 10px;
    background: url(/bitrix/templates/main/images/input-ok.png) no-repeat 100% 50% #fff;
}

#waitlist_form textarea {
    width: 100%;
    border: 1px solid #d7d7d7;
    padding: 10px;
    height: 199px;
    background: #fff;
    -webkit-box-shadow: inset 0px 5px 5px -5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0px 5px 5px -5px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 5px 5px -5px rgba(0, 0, 0, 0.5);
}

.gv_modal_order .btn {
    margin-bottom: 10px;
}

.youtube_iframe {
    width: 100%;
    height: 483px;
    max-height: 50 hw;
}

.youtube_img_l {
    position: relative;
}

.youtube_img_l .play_l {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.youtube_img_l .fa {
    color: #cc181e;
    font-size: 56px;
}

.youtube_popup {
    cursor: pointer;
}

.youtube_popap_l {
    display: none;
}

.youtube_popap_l.o {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5000;
}

.youtube_popap_l .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
}

.youtube_popap_l .video_l {
    position: relative;
    width: 90%;
    max-width: 1000px;
    background: #fff;
    padding: 10px;
}

.youtube_popap_l .head {
    background: #40404b;
    padding: 5px 115px 5px 15px;
    font-size: 30px;
    font-size: 2.142857142857143em;
    color: #fff;
}

.youtube_popap_l .head span {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    display: block;
}

.youtube_popap_l .y_close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 108px;
    height: 52px;
    cursor: pointer;
    color: #fff;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.youtube_popap_l .y_close .fa {
    font-size: 18px;
}

.youtube_popap_l .y_close span {
    padding-right: 10px;
}

.c_review_l {
    padding: 30px 15px;
    background: #fff;
}

.c_review_l .img-responsive {
    width: 100%;
}

.c_review_l .text_l a.title {
    font-size: 16px;
    text-decoration: underline;
    color: #000;
}

.c_review_l .text_l p {
    color: #8d8d8d;
}

/* адаптивный you tube */
.video-block {
    position: relative;
    padding-bottom: 56.25%; /* для 4:3  надо ставить 75%  */
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}

.video-block iframe,
.video-responsive object,
.video-responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* конец адаптивного you tube*/

.btn {
    transition: all .2s;
}

.btn-default {
    background: #40404b;
    color: #fff;
    /*text-transform: uppercase;*/
    padding: 15px;
    border: none;
}

.btn-default:hover {
    background: #FF9600;
    color: #fff;
}

.btn-gray,
.btn-gray:hover {
    padding: 15px;
    color: #fff;
    background: #848484;
    border: none;
}

.btn-block {
    display: block;
    width: 100%;
    text-align: center;
}

.btn-transparent {
    color: #40404b;
    border: 3px solid #40404b;
    padding: 15px;
}

.btn-transparent-no-border {
    color: #40404b;
    border: 0px solid #40404b;
    padding: 15px;
}

.btn-main {
    border: none;
    background: var(--brand-color);
    color: #fff;
    padding: 15px;
}

.btn-baner {
    border: none;
    background: var(--brand-color);
    color: #fff;
    padding: 10px;
    z-index: 10000;
}

.btn-link {
    color: #929292;
    font-weight: bold;
    text-decoration: underline;
}

.btn-velo {
    background: #84bc30;
    color: #fff;
    padding: 15px;
    border: none;
    font-size: 14px;
    text-transform: uppercase;
}

.btn-xcski {
    background: #4cbbda;
    color: #fff;
    padding: 15px;
    border: none;
    font-size: 14px;
    text-transform: uppercase;
}

.btn-winter {
    background: #505199;
    color: #fff;
    padding: 15px;
    border: none;
    font-size: 14px;
    text-transform: uppercase;
}

.seo_text_catalog > h2,
.main_title {
    border-bottom: 1px solid #8c8c91;
    border-bottom: 1px solid rgba(64, 64, 75, .5);
    padding-bottom: 15px;
    margin-bottom: 15px;
    display: block;
}

.btn.width_main_title {
    display: none;
}

.hidden_from_992px {
    display: block;
}

@media screen and (min-width: 992px) {
    .main_title.width_btn {
        width: calc(100% - 255px);
        float: left;
    }

    .btn.width_main_title {
        width: 240px;
        float: left;
        text-align: center;
        margin-left: 15px;
        margin-top: 13px;
        display: block;
    }

    .hidden_from_992px {
        display: none;
    }
}

.sic_prop_name {
    color: #929292;
}

.si_gallery {
    padding: 15px 20px;
    border-top: 2px solid #929292;
    border-bottom: 2px solid #929292;
}

.slider_style .owl-prev {
    left: 0;
}

.slider_style .owl-next {
    right: 0;
}

.owl-carousel .owl-item {
    padding: 0 25px;
}

.slider_style .owl-dots {
    text-align: center;
    padding-top: 15px;
}

.slider_style .owl-dots .owl-dot {
    display: inline-block;
    padding: 5px;
}

.slider_style .owl-dots span {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #666676;
}

.slider_style .owl-dots .active span {
    border: 2px solid #666676;
}

.spn_span {
    width: 120px;
    display: inline-block;
}

/*-----------footer-----------*/
.footer_top {
    padding: 15px 0;
    background: #40404b;
    color: #fff;
}

.footer_top ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer_top_item header {
    margin-bottom: 15px;
    font-size: 15px;
    font-size: 1.0714285714285714285714285714286em;
}

.footer_top_item header span {
    display: inline-block;
    padding-left: 5px;
}

.footer_top_item_menu {
    padding-left: 45px;
}

.footer_top_item strong {
    font-size: 15px;
    font-size: 1.0714285714285714285714285714286em;
    margin-bottom: 8px;
    display: block;
}

.footer_top_item a, .footer_top_item span {
    padding: 8px 0;
    display: block;
    color: #fff;
}

.footer_top_item a:hover,
.footer_top_item li.selected a
.footer_top_item li a.selected,
.footer_top_item li.bottom_menu_selected a, .footer_top_item li.bottom_menu_selected span {
    color: #4ea700;
}

.xc_ski_shop .footer_top_item a:hover,
.xc_ski_shop .footer_top_item li.selected a
.xc_ski_shop .footer_top_item li a.selected,
.xc_ski_shop .footer_top_item li.bottom_menu_selected a, .xc_ski_shop .footer_top_item li.bottom_menu_selected span {
    color: #4cbbda;
}

.alpine_ski_shop .footer_top_item a:hover,
.alpine_ski_shop .footer_top_item li.selected a
.alpine_ski_shop .footer_top_item li a.selected,
.alpine_ski_shop .footer_top_item li.bottom_menu_selected a, .alpine_ski_shop .footer_top_item li.bottom_menu_selected span {
    color: #505199;
}

.footer_top_item_brends a {
    /*text-transform: uppercase;*/
}

.footer_center {
    background: #dadada;
    padding: 15px 0;
}

@media (min-width: 1600px) {
    .footer_bottom_b1 {
        width: 16.66666667%;
    }

    .footer_bottom_b2 {
        width: 50%;
    }

    .footer_bottom_b3 {
        width: 33.33333333%;
    }

    .footer_phone_b1 {
        width: 50%;
    }

    .footer_phone_b2 {
        width: 50%;
    }

    .footer_social_b1 {
        width: 50%;
    }

    .footer_social_b2 {
        width: 50%;
    }
}

.ab-sidebar {
    margin: 0 !important;
}

.footer_bottom {
    padding: 40px 0 15px 0;
}

.footer_phone a {
    font-size: 24px;
    font-size: 1.714285714285714em;
    color: #40404b;
    padding-right: 10px;
    display: inline-block;
}

.coop {
    color: #b0b0b6;
    font-size: 11px;
    font-size: 0.7857142857142857em;
}

/*------------ part_header ------------*/
.part_header {
    padding: 15px 0;
}

/*.part_header .sidebar_inner{

}*/
.part_header footer {
    background: #fff;
}

.part_header footer img {
    margin: auto;
}

.part_header .sidebar nav {
    text-transform: uppercase;
    margin-bottom: 2px;
    background: #fff;
}

.part_header .sidebar nav header {
    color: #fff;
    background: #40404b;
    padding: 15px 30px;
    cursor: pointer;
}

.part_header .sidebar nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.part_header .section_nav a {
    display: block;
    padding: 10px 15px 10px 45px;
    color: #666676;
    font-size: 15px;
    font-size: 1.0714285714285714285714285714286em;
}

.section_second_nav a {
    display: block;
    color: #40404b;
    padding: 10px 15px 10px 30px;
}

/*------------ bikes_section ------------*/
#bikes_section {
    background: #4ea700 url(/images/bikes_bg.jpg) no-repeat top center;
    background-size: auto 100%;
    min-height: 400px;
}

.buy_bike {
    background: #d8d8d8;
    color: #40404b;
    padding: 30px 0;
}

/*------------ catalog_list ------------*/
.catalog_list .params {
    background: #fff;
    margin-bottom: 15px;
    padding: 15px;
    letter-spacing: 0px;
}

.section_sidebar .yandex a, .ce_yandex a {
    display: block;
}

.section_sidebar .yandex a, .ce_yandex a {
    display: block;
    background: #fff;
}

.section_sidebar .yandex img, .ce_yandex img {
    margin: auto;
}

@media screen and (max-width: 767px) {
    .section_sidebar {
        display: none;
    }
}

.main_section {
    padding-top: 20px;
    padding-bottom: 20px;
}

.viewed_catalog_section {
    margin-top: 30px;
}

.bike_sec {
    background: #4ea700 url(/local/templates/webdoka/assets/images/velo_bg.jpg) no-repeat center top;
    background-size: cover;
}

.mount_sec {
    background: #9e9ec0 url(/local/templates/webdoka/assets/images/mount_bg.jpg) no-repeat center top;
    background-size: cover;
}

.ski_sec {
    background: #4cbbda url(/local/templates/webdoka/assets/images/ski_bg.jpg) no-repeat center top;
    background-size: cover;
}

.footer_logo {
    margin-bottom: 25px;
    display: block;
}

.footer_company {
    font-size: 13px;
    font-size: 0.9285714285714286em;
    color: #40404b;
    margin-bottom: 110px;
    max-width: 217px
}

.fc_adress {
    font-size: 13px;
    font-size: 0.9285714285714286em;
}

.footer_bottom .header_callback_btn {
    margin-bottom: 25px;
    margin-top: 10px;
}

.i_fa {
    position: relative;
}

.i_fa:before {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    font-family: FontAwesome;
}


@media screen and (max-width: 991px) {
    .hl1_sect_1, .hl1_sect_3, .header_l_0, .hl1_sect_2 #smartfilter > ul, .hl2_sect_1, .hl2_sect_2, .hl2_sect_3, .header_l_1 .container.d-1200 {
        display: none;
    }
}

/*для того чтобы работал фильтр, css костыль - end*/

.main_banner_item {
    position: relative;
    overflow: hidden;
}

.main_banner_item .url_list {
    display: none;
}

.main_banner_velo {
    background: url(/local/templates/webdoka/assets/images/main_banner_1.jpg) no-repeat 50% 50% / cover #3b7905;
}

.main_banner_sky {
    background: url(/local/templates/webdoka/assets/images/main_banner_2.jpg) no-repeat 50% 50% / cover #3b7905;
}

.main_banner_msky {
    background: url(/local/templates/webdoka/assets/images/main_banner_3.jpg) no-repeat 50% 50% / cover #3b7905;
}

.main_banner_item .icon {
    display: inline-block;
    height: 60px;
    width: 60px;
    margin: 15px;
}

.main_banner_item .title {
    font-size: 20px;
    color: #fff;
    margin-bottom: 0px;
    width: 200px;
    text-align: center;
}

.main_banner_item .url .title {
    width: auto;
    text-align: left;
}

.main_banner_item:hover .title {
    text-decoration: underline;
}

.main_banner_item .icon.i1 {
    background: url(/local/templates/webdoka/assets/images/banner_icon_1.png) no-repeat 50% 50% / cover;
}

.main_banner_item .icon.i2 {
    background: url(/local/templates/webdoka/assets/images/banner_icon_2.png) no-repeat 50% 50% / cover;
}

.main_banner_item .icon.i3 {
    background: url(/local/templates/webdoka/assets/images/banner_icon_3.png) no-repeat 50% 50% / cover;
}

.main_banner_item.active .url_list { /*display:block;*/
}

.main_banner_item .url_list .btn, .main_banner_item .i_mask_1 {
    cursor: pointer;
}

.main_banner_item .i_mask_1 {
    flex-direction: row;
    -webkit-flex-direction: row;
}

.main_banner_item .url {
    display: none;
}

.main_banner_item .url .title {
    display: none;
    font-size: 20px;
}


.filtren #del_filter {
    margin-top: 5px;
}

@media screen and (min-width: 768px) {
    .main_banner_item .i_mask_1 {
        flex-direction: column;
        -webkit-flex-direction: column;
    }

    .main_banner_item .icon {
        display: inline-block;
        height: 70px;
        width: 70px;
        margin: 30px;
    }

    .main_banner_item .title {
        font-size: 30px;
        color: #fff;
        margin-bottom: 30px;
    }

    .main_banner_item {
        height: 515px;
    }

    .main_banner_item .url_list {
        display: block !important;
        padding-top: 15px;
    }

    .main_banner_item .i_mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: all .2s;
    }

    .main_banner_item .i_mask_1, .main_banner_item.active .i_mask_2 {
        opacity: 1;
        pointer-events: auto;
    }

    .main_banner_item .i_mask_2, .main_banner_item.active .i_mask_1 {
        opacity: 0;
        pointer-events: none;
    }

    .main_banner_item .i_mask_2 {
        display: block;
        overflow-y: auto;
    }

    .main_banner_item .url {
        display: inline-block;
        height: 60px;
        margin: 15px auto 0 auto;
        padding-left: 90px;
        position: relative;
        width: 300px;
        max-width: 100%;
    }

    .main_banner_item .url:hover {
        text-decoration: none;
    }

    .main_banner_item .url .icon {
        padding: 0;
        position: absolute;
        width: 60px;
        height: 60px;
        top: 0;
        left: 15px;
        margin: 0;
    }

    .main_banner_item .url .title {
        margin: 0;
        padding: 10px 0;
        display: block;
        font-size: 20px;
    }
}

@media screen and (min-width: 992px) {

}

@media screen and (min-width: 1200px) {
    .main_banner_item .title {
        width: 100%;
    }

    .main_banner_item .i_mask_2 {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column; /* works with row or column */
        flex-direction: column;
        -webkit-align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        white-space: normal;
    }

    .main_banner_item .url_list .btn {
        height: 50px;
        -ms-flex-direction: row;
    }
}

@media screen and (max-width: 991px) {
    .main_banner_item .url_list .btn {
        display: block;
    }
}


.сustomer_reviews_l .item .b50 {
    float: left;
    width: 50%;
}

.сustomer_reviews_l .item .b30 {
    float: left;
    width: 30%;
}

.сustomer_reviews_l .item .b70 {
    float: left;
    width: 70%;
}

.сustomer_reviews_l .item .b2 .b50 {
    width: 100%;
}

@media screen and (min-width: 1600px) {
    .сustomer_reviews_l .item .b2 .b50 {
        width: 50%;
    }

    .сustomer_reviews_l .item .star_text {
        text-align: right;
    }
}

.сustomer_reviews_l .item .star {
    color: var(--brand-color);
}

.сustomer_reviews_l .item .head img {
    padding-right: 15px;
}

.сustomer_reviews_l .item .url {
    color: #000;
}

.сustomer_reviews_l .item .head img.userimg {
    padding: 0px;
}

.section_white {
    background: #fff;
}

.section_gray {
    background: #d8d8d8;
}

.section_gray2 {
    background: #666676;
    color: #fff;
}

.about_company_l img {
    margin: 0 auto;
}

.our_team_l .item img {
    display: block;
    max-width: 100%;
    margin: 0 auto 15px auto;
    border-radius: 50%;
}

.our_team_l .item i {
    font-family: "Roboto";
}

.slick-prev, .slick-next {
    width: 10px;
    height: 40px;
    z-index: 10;
}

.slick-prev {
    left: 0px;
}

.slick-next {
    right: 0px;
}

.slick-next:before, .slick-prev:before {
    font-family: FontAwesome;
    font-size: 28px;
    color: #000;
}

.slick-next:before {
    content: "\f105";
}

.slick-prev:before {
    content: "\f104";
}

.main_page_obzory {
    background: #fff;
}

.main_page_obzory .slider_review {
    padding: 15px 0px;
}

.main_page_obzory .text_l .title {
    overflow: hidden;
    height: 44px;
    display: block;
}

.main_page_obzory .text_l .text {
    overflow: hidden;
    height: 40px;
    display: block;
}

.main_page_obzory .slider_review {
    height: 400px;
}

@media screen and (min-width: 992px) {
    .slick-prev, .slick-next {
        width: 20px;
    }

    .slick-next:before, .slick-prev:before {
        font-size: 40px;
    }

    .slick-prev {
        left: -20px;
    }

    .slick-next {
        right: -20px;
    }

}

.csl_bottom_nav {
    padding: 15px;
    margin-bottom: 35px;
    background: #fff;
}

.csl_bottom_nav a,
.csl_bottom_nav .row > div > span {
    display: block;
    border: 3px solid #666676;
    padding: 10px;
    color: #40404B;
    text-transform: uppercase;
    text-align: center;
}

.csl_left {
    margin-bottom: 15px;
}

.csl_bottom_nav .row > div > span {
    color: #bbb;
    border-color: #bbb;
}

.csl_bottom_nav a .fa,
.csl_bottom_nav .row > div > span .fa {
    font-size: 24px;
    font-size: 1.714285714285714em;
    padding: 0 10px;
    vertical-align: sub;
}

@media screen and (min-width: 1200px) {
    .csl_bottom_nav a,
    .csl_bottom_nav .row > div > span {
        padding: 10px 50px;
        display: inline-block;
        text-align: left;
    }

    .csl_left {
        margin: 0;
    }

    .csl_left a,
    .csl_left span {
        text-align: right;
    }
}

.relative {
    position: relative;
}

.m_header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: rgb(238, 238, 238);
    z-index: 900;
    box-shadow: 0px 2px 2px 0px rgba(64, 64, 75, 0.35);
}

.m_header_fake {
    height: 50px;
}

.m_header .g_menu {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 34px;
    height: 34px;
    background: #d8d8d8;
    cursor: pointer;
}

.m_header .g_menu:before {
    content: "\f0c9";
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 20px;
}

.m_header .logo {
    background: url(/local/templates/webdoka/assets/images/MP_logo_vertical.svg) no-repeat scroll 50% 50% / contain;
    position: absolute;
    top: 5px;
    left: 8px;
    width: 120px;
    height: 40px;
    display: block;
    background-size: 75%;
}

.m_header .icons {
    position: absolute;
    right: 48px;
    top: 0;
    padding: 8px;
    text-align: center;
    font-size: 0;
    letter-spacing: 0;
}

.m_header .icons > a, .m_header .m_search .m_search_close, .m_header .m_search button {
    width: 34px;
    height: 34px;
    background: #d8d8d8;
    cursor: pointer;
    display: inline-block;
    margin-left: 8px;
    border: none;
    font-size: 0px;
}

.m_header .icons > a:before, .m_header .m_search .m_search_close:before, .m_header .m_search button:before {
    content: "\f0c9";
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 20px;
    color: #000;
}

.m_header .m_search button:before {
    background-color: var(--brand-color);
    color: #fff;
}

.m_header .icons > a .count {
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--brand-color);
    color: #fff;
    border-radius: 50%;
    bottom: -3px;
    right: 0;
    display: block;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
}

.m_header .icons > a .title {
    position: absolute;
    top: 60px;
    right: 0;
    color: #000;
    background: rgb(238, 238, 238);
    box-shadow: 0px 2px 2px 0px rgba(64, 64, 75, 0.35);
    z-index: 100;
    border-radius: 0px;
    white-space: nowrap;
    padding: 10px;
    opacity: 0;
    pointer-events: none;
    transition: all .2s;
    display: block;
    font-size: 14px;
}

.m_header .icons > a:hover .title {
    opacity: 1;
    top: 45px;
    pointer-events: auto;
}

.m_header .icons > a .title .i_clear {
    padding-left: 5px;
    font-size: 16px;
}

.m_header .icons > a .title:before {
    display: block;
    position: absolute;
    top: -13px;
    right: 10px;
    border: 7px solid transparent;
    border-bottom: 7px solid rgb(238, 238, 238);
    content: '';
}

.m_header .icons > a.i1:before {
    content: "\f002";
}

.m_header .icons > a.i2:before {
    content: "\f095";
}

.m_header .icons > a.i3:before {
    content: "\f07a";
}

.m_header .icons > a.i4:before {
    content: "\f124";
}

.m_header .icons > a.i4 {
    display: none;
}

.m_header .m_search {
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    height: 50px;
    padding: 8px;
    z-index: 100;
    background: #fff;
    transition: all .2s;
}

.m_header .m_search.open {
    top: 0px;
}

.m_header .m_search input[type='text'] {
    width: 100%;
    height: 34px;
    display: block;
    line-height: 34px;
    padding: 0 5px;
}

.m_header .m_search .m_search_close {
    position: absolute;
    top: 8px;
    right: 8px;
}

.m_header .m_search .m_search_close:before {
    content: "\f00d";
}

.m_header .m_search button {
    display: none;
}

.m_header .icons .i3,
.m_header .icons .i2,
.m_header .icons .i4 {
    display: none !important;
}

.m_main_menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transform: translateX(-100%);
    height: 100dvh;
    overflow-y: auto;
    background: rgb(238, 238, 238);
    z-index: 1100;
    box-shadow: 0px 2px 2px 0px rgba(64, 64, 75, 0.35);
    transition: all 0.2s;
}

.m_main_menu .main_menu ul {
    padding: 0;
    margin: 0;
}

.m_main_menu .main_menu ul li a, .m_main_menu .main_menu ul.section_white li span, .m_main_menu .main_menu ul li span.root-item-selected {
    box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
    display: block;
    padding: 10px;
    color: #8d8d8d;
    cursor: pointer;
}

.m_main_menu .main_menu ul li span.root-item-selected {
    color: #000;
}

.m_main_menu .main_menu ul li a:hover, .m_main_menu .main_menu ul.section_white li span:hover {
    text-decoration: underline;
}

.m_main_menu .main_menu ul.m_menu_icon_list li a {
    color: #fff;
}

.m_main_menu_mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    pointer-events: none;
    opacity: 0;
    z-index: 1010;
    transition: all .2s;
}

.m_main_menu_open .m_main_menu_mask {
    pointer-events: auto;
    opacity: 1;
}

.m_main_menu_open .m_main_menu {
    transform: translateX(0);
}

.m_user_card .header_location_city {
    padding: 10px;
    display: block;
    color: #fff;
}

.m_user_card .header_location_city .fa {
    margin-left: 8px;
}

.m_user_card .head {
    position: relative;
    padding: 10px;
    box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.2);

}

.m_user_card .head .user_i {
    position: absolute;
    top: 10px;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    box-shadow: inset 0px 0px 0px 2px #52525e;
}

.m_user_card .head .user_i:before {
    content: "\f2be";
    line-height: 50px;
    width: 50px;
    color: #52525e;
    font-size: 50px;
}

.m_user_card .head .name {
    padding: 5px 40px 5px 60px;
    display: block;
    color: #fff;
}

.m_user_card .head .st {
    position: absolute;
    top: 18px;
    right: 10px;
    width: 34px;
    height: 34px;
    background: rgba(0, 0, 0, 0.2);
}

.m_user_card .head .st:before {
    content: "\f107";
    line-height: 34px;
    width: 34px;
    font-size: 18px;
    transition: all .2s;
}

.m_user_card.open .head .st:before {
    transform: rotate(180deg);
}

.m_user_card .body {
    display: none;
}

.m_menu_icon_list {
    margin: 0;
    padding: 0;
}

.m_menu_icon_list li a {
    font-weight: 300;
    color: #fff;
    display: block;
    padding: 10px 10px 10px 50px !important;
    position: relative;
    box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
}

.m_menu_icon_list li a > i {
    font-size: 18px;
    position: absolute;
    top: 4px;
    left: 10px;
    height: 34px;
    width: 34px;
    line-height: 34px;
    text-align: center;
    display: block;
}

.m_user_card .body .header_cabinet_logout {
    display: block;
    padding: 10px 15px;
    color: #f4f3f3;
    background: rgba(0, 0, 0, 0.2);
    text-align: center;
}

.m_menu_icon_list .count {
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--brand-color);
    color: #fff;
    border-radius: 50%;
    bottom: -3px;
    right: 0;
    display: block;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
}

.m_user_card .header_user {
    color: #fff;
}

.why_slider_item .why_title {
    width: 100%;
    height: 52px;
    overflow: hidden;
}

.why_slider_item .why_body {
    width: 100%;
    height: 101px;
    overflow: hidden;
}

.catalog_page_list_item {
    margin-bottom: 15px;
    margin-top: 0px;
}

@media screen and (min-width: 350px) {
    .m_header .icons > a.i4 {
        display: inline-block;
    }

    .m_header .m_search button {
        position: absolute;
        top: 8px;
        right: 50px;
        display: inline-block;
    }

    .m_header .m_search button:before {
        content: "\f002";
    }

    .m_header .m_search input[type='text'] {
        width: calc(100% - 84px);
    }
}

@media screen and (min-width: 500px) {
    .m_header .m_search {
        position: absolute;
        top: 0px;
        left: 130px;
        width: calc(100% - 178px);
        height: 50px;
        padding: 8px;
        z-index: 100;
        background: transparent;
        transition: all 0.2s;
    }

    .m_header .m_search button {
        position: absolute;
        top: 8px;
        right: 0;
        display: inline-block;
    }

    .m_header .m_search button:before {
        content: '\f002';
    }

    .m_header .m_search .m_search_close {
        display: none;
    }

    .m_header .m_search input[type='text'] {
        width: 100%;
    }

    /*

	.m_header .m_search .m_search_close {position:absolute; top:8px; right:8px;}
	.m_header .m_search .m_search_close:before{content:"\f00d";}
*/
}

@media screen and (min-width: 768px) {
    .catalog_page_list_item a {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        height: 50px;
        -ms-flex-direction: row;
        white-space: normal;
    }
}

@media screen and (min-width: 992px) {
    .m_header, .m_main_menu, .m_header_fake, .m_main_menu_mask {
        display: none;
    }

    .header, .search_l {
        display: block;
    }

    .hl1, .d-1600 {
        display: none;
    }

    .d-1200 {
        display: block;
    }

    .header_l_1 {
        box-shadow: 0px 2px 2px 0px rgba(64, 64, 75, 0.35);
        position: fixed;
        top: 0;
        left: 0;
        height: 100px;
        width: 100%;
        z-index: 100;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,fdfdfd+37 */
        background: rgb(238, 238, 238); /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(253, 253, 253, 1) 37%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(238, 238, 238, 1)), color-stop(37%, rgba(253, 253, 253, 1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(253, 253, 253, 1) 37%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(253, 253, 253, 1) 37%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(253, 253, 253, 1) 37%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(253, 253, 253, 1) 37%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#fdfdfd', GradientType=0); /* IE6-8 */
    }

    .header_l_2 {
        height: 42px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,fdfdfd+100 */
        background: rgb(238, 238, 238); /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZGZkZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(253, 253, 253, 1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(238, 238, 238, 1)), color-stop(100%, rgba(253, 253, 253, 1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(253, 253, 253, 1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(253, 253, 253, 1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(253, 253, 253, 1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(253, 253, 253, 1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#fdfdfd', GradientType=0); /* IE6-8 */
        pointer-events: none;
    }

    .header_l_1_fake {
        /*height: 100px;*/
    }

    .header_catalog_menu {
        margin-top: 5px;
    }

    .header_catalog_menu ul {
        margin: 0;
        padding: 0;
        display: inline-block;
    }

    .header_catalog_menu ul > li {
        list-style: none;
        margin: 0;
        padding: 0;
        display: block;
        float: left;
    }

    .header_catalog_menu .hmm_open {
        padding: 15px 5px;
        display: block;
        text-transform: uppercase;
        font-size: 11px;
        font-weight: 300;
        cursor: pointer;
        border: 1px solid #e4e4e4;
        transition: all .2s;
    }

    .header_catalog_menu .hmm_open:hover {
        background: #40404b;
        color: #fff;
    }

    .header_l_1 .phone {
        color: #8d8d8d;
        font-size: 24px;
    }

    .header_l_1 .time {
        color: #8d8d8d;
        font-size: 18px;
        line-height: 34px;
    }

    .text1 {
        color: #8d8d8d;
        font-size: 18px;
        line-height: 58px;
    }

    .h_basked {
        line-height: 40px;
        height: 40px;
        text-align: center;
        background: #848484;
        color: #fff;
        display: block;
        margin-top: 8px;
        padding-left: 50px;
        position: relative;
        text-transform: uppercase;
        z-index: 201;
    }

    .h_basked .hb_min_basket_open {
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        box-shadow: 2px 0px 0px 0px #fff;
        display: block;
    }

    .h_basked .hb_min_basket_open:before {
        content: "\f07a";
        width: 50px;
        height: 40px;
        line-height: 40px;
        display: block;
    }

    .h_basked:hover {
        color: #fff;
        text-decoration: none;
    }

    .h_basked .num {
        display: none;
    }

    .h_basked.active {
        background: var(--brand-color);
    }

    .h_basked.active .hb_min_basket_open:before {
        text-align: left;
        padding-left: 7px;
    }

    .h_basked.active .num {
        display: block;
        position: absolute;
        top: 0;
        left: 26px;
        height: 40px;
        width: 20px;
        text-align: center;
    }

    .h_basked .hb_url {
        color: #fff;
        text-decoration: none;
    }

    .header_basked .min_basket_list {
        opacity: 0;
        pointer-events: none;
        position: fixed;
        display: block;
        background: #40404b;
        transition: opacity .2s;
        z-index: 220;
        width: 263px;
        max-height: 100vh;
        overflow-y: auto;
        top: 100vh;
        color: #fff;
    }

    .min_basket_list_open .header_basked .min_basket_list {
        opacity: 1;
        pointer-events: auto;
        top: 8px;
    }

    .min_basket_list_open .header_user {
        pointer-events: none;
        opacity: 0;
    }

    .header_basked .min_basket_list .items_list {
        padding: 15px;
    }

    .header_basked .min_basket_list .item {
        margin-bottom: 10px;
        color: #fff;
        text-decoration: none;
    }

    .header_basked .min_basket_list .item .img {
        width: 100%;
        height: 70px;
        background: #fff;
        margin-bottom: 5px;
    }

    .header_basked .min_basket_list .mbl_btn {
        text-align: center;
        line-height: 40px;
        height: 40px;
        color: #fff;
        background: var(--brand-color);
        display: block;
    }

    .hl1_sect_3_b_1 {
        display: none;
    }
    .header_location_city {
        line-height: 42px;
        display: inline-block;
        text-align: center;
        width: 100%;
        margin: 0;
        white-space: nowrap;
        pointer-events: all;
    }

    .logo.d-1200 img {
        padding: 15px 0;
        position: absolute;
        top: 0;
        left: 15px;
    }

    .header_user {
        line-height: 34px;
        z-index: 201;
        position: relative;
        cursor: pointer;
        color: #8d8d8d;
    }

    .search_l {
        height: 60px;
        background: #41414c;
        color: #fff;
        width: 100%;
    }

    .search_l .sl_sect_1 {
        height: 60px;
        -ms-flex-direction: row;
    }

    .search_input_l {
        margin: 13px 0;
    }

    .search_input_l input[type=text] {
        display: block;
        position: relative;
        width: calc(100% - 90px);
        padding: 0 7px;
        background: #fff;
        color: #000;
        float: left;
        height: 34px;
        line-height: 34px;
        border: none;
    }

    .search_input_l input[type=submit], .search_input_l button {
        display: block;
        width: 90px;
        height: 34px;
        line-height: 34px;
        border: none;
        background: var(--brand-color);
        padding: 0;
    }

    .fast_icon_l {
        margin: 13px 0 0 0;
    }

    .fast_icon_l .fast_i {
        display: block;
        width: 30px;
        height: 34px;
        line-height: 34px;
        display: inline-block;
        cursor: pointer;
    }

    .fast_icon_l > div {
        display: block;
        width: 30px;
        height: 34px;
        line-height: 34px;
        display: inline-block;
        cursor: pointer;
    }

    .fast_icon_l .fast_i .fil_url {
        display: block;
        width: 34px;
        height: 34px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .fast_icon_l .fast_i:before {
        display: block;
        width: 34px;
        height: 34px;
        line-height: 34px;

        color: #fff;
        font-size: 20px;
    }

    .fast_icon_l .fast_i.i1:before {
        content: "\f124";
    }

    .fast_icon_l .fast_i.i2:before {
        content: "\f095";
    }

    .fast_icon_l .fast_i.i3:before {
        content: "\f003";
    }

    .fast_icon_l .fast_i.i4:before {
        content: "\f080";
    }

    .fast_icon_l .fast_i.i5:before {
        content: "\f08a";
    }

    .fast_icon_l .fast_i.i6:before {
        content: "\f06e";
    }

    .fast_icon_l .fast_i .count {
        position: absolute;
        width: 18px;
        height: 18px;
        background: var(--brand-color);
        color: #fff;
        border-radius: 50%;
        bottom: -3px;
        right: 0;
        display: block;
        line-height: 18px;
        text-align: center;
        font-size: 12px;
        pointer-events: none;
    }

    .fast_icon_l .fast_i .title {
        position: absolute;
        top: 60px;
        right: 0;
        color: #000;
        background: rgb(238, 238, 238);
        box-shadow: 0px 2px 2px 0px rgba(64, 64, 75, 0.35);
        z-index: 100;
        border-radius: 0px;
        white-space: nowrap;
        padding: 3px 10px;
        opacity: 0;
        pointer-events: none;
        transition: all .2s;
    }

    .fast_icon_l .fast_i .title:before {
        display: block;
        position: absolute;
        top: -13px;
        right: 10px;
        border: 7px solid transparent;
        border-bottom: 7px solid rgb(238, 238, 238);
        content: '';
    }

    .fast_icon_l .fast_i .title .i_clear {
        padding-left: 5px;
        font-size: 16px;
        color: #000;
    }

    .fast_icon_l .fast_i:hover .title {
        opacity: 1;
        top: 45px;
        pointer-events: auto;
    }

    .cabine_wrap {
        position: absolute;
        top: -300px;
        right: 0;
        width: 242px;
        height: auto;
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
        background: #40404b;
        z-index: 200;
        transition: all 0.2s;
        opacity: 0;
        visibility: hidden;
    }

    .cabine_wrap.active {
        top: 58px;
        opacity: 1;
        visibility: visible;
    }

    .cw_inner {
        padding: 56px 0 0 0;
    }

    .header_l_0 {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
    }

    .cw_inner ul {
        padding: 0;
        margin: 0;
    }

    .cw_inner ul a {
        font-weight: 300;
        color: #fff;
        display: inline-block;
        padding: 8px 15px 8px 54px;
        position: relative;
    }

    .cw_inner ul a > i {
        font-size: 18px;
        position: absolute;
        top: 0;
        left: 10px;
        height: 36px;
        width: 36px;
        line-height: 36px;
        text-align: center;
        display: block;
    }

    .cw_inner a:hover {
        color: #fff;
    }

    .cw_inner .header_cabinet_logout {
        display: block;
        padding: 10px 15px;
        color: #f4f3f3;
        background: #666676;
        text-align: center;
    }

    .cw_inner .header_cabinet_logout i {
        font-size: 16px;
        padding-left: 10px;
    }

    .user_menu_open i.fa-angle-down {
        transition: all .2s;
    }

    .user_menu_open.active i.fa-angle-down {
        transform: rotate(180deg);
    }

    .hl2_sect_2 {
        pointer-events: all;
    }

    .hl2_sect_3 {
        pointer-events: all;
    }
}

@media screen and (min-width: 1200px) {
    .fast_icon_l .fast_i {
        width: 34px;
    }

    fast_icon_l > div {
        width: 34px;
    }

    .cabine_wrap {
        width: 293px;
    }

    .header_catalog_menu .hmm_open {
        padding: 15px 15px;
    }

    .header_menu ul > li {
        padding: 11px 10px;
    }

}

@media screen and (min-width: 1600px) {
    .header_basked .min_basket_list {
        width: 231.66px;
    }

    .header_l_0 {
        position: relative;
    }

    .header_l_0.fix {
        position: fixed;
    }

    .cabine_wrap {
        width: 262px;
    }

    .d-1600 {
        display: block;
    }

    .d-1200 {
        display: none;
    }

    .hl1 {
        width: 16.66666667%;
        display: block
    }

    .hl2 {
        width: 83.33333333%;
    }

    .header_fake {
        height: 142px;
    }

    .header_l_1_fake {
        display: none;
    }

    .header_l_1 {
        height: 58px;
        position: relative;
        z-index: 0;
    }

    .header_catalog_menu .hmm_open {
        padding: 15px 25px;
    }

    .header_l_1 .phone {
        line-height: 58px;
    }

    .hl1_sect_3_b_1, .hl1_sect_3_b_2 {
        width: 50%;
        display: block;
    }

    .header_basked {
        width: 100%;
    }

    .logo.d-1600 a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 98px;
        z-index: 100;
    }

    .logo.d-1600 img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .hl2_sect_2 {
        width: 49%;
        pointer-events: all;
    }

    .hl2_sect_3 {
        width: 16.66666667%;
        pointer-events: all;
    }

    .header_user {
        line-height: 42px;
    }

    .header_user i {
        font-size: 16px;
    }

    .sl_sect_1 {
        width: 16.66666667%;
        font-size: 12px;
    }

    .sl_sect_2 {
        width: 66.66666667%;
    }

    .sl_sect_3 {
        width: 16.66666667%;
    }

    .catalog_page_list_item {
        width: 50%;
    }

    .tovar_list_sidebar, .catalog-detail-right, .d_1600_20p {
        width: 20%;
    }

    .catalog_list, .catalog-detail-left, .d_1600_80p {
        width: 80%;
    }

}


.gv_dropdown {
    display: inline-block;
    position: relative;
    margin: 0 6px;
}

.params_sort .gv_dropdown {
    margin: 0 6px 0 0;
}

.gv_dropdown:after {
    content: "\f107";
    position: absolute;
    right: 0;
    top: 0;
    font-family: FontAwesome;
    font-size: 18px;
    padding: 4px 10px;
    z-index: 0;
}

.gv_dropdown select {
    position: relative;
    z-index: 1;
    background: none;
    border: 1px solid #40404B;
    border-radius: 4px;
    padding: 3px 5px;
    padding-right: 24px;
    -webkit-appearance: none; /*Removes default chrome and safari style*/
    -moz-appearance: none; /* Removes Default Firefox style*/

    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: ""; /*Removes default arrow from firefox*/
    cursor: pointer;
    /*My custom style for fonts*/

    color: #40404B;

    -webkit-box-shadow: inset 0 4px 7px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: inset 0 4px 7px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 4px 7px 0 rgba(0, 0, 0, .25);

}

.gv_dropdown select::-ms-expand {
    display: none;
}

#pozvonim-wrapper .pozvonim-wrapper-opening {
    display: none !important;
}

.page_contant {
    background: #fff;
    margin-bottom: 15px;
}

.gv_attention {
    border: 3px solid #40404b;
    font-size: 24px;
    font-size: 1.714285714285714em;
    padding: 30px 38px;
    margin-bottom: 15px;
}

.gv_attention_small {
    border: 2px solid #40404b;
    font-size: 1.42857143em;
    padding: 20px 20px;
    margin-bottom: 15px;
}

.gv_table {
    width: 100%;
    margin-bottom: 15px;
}

.gv_table th {
    color: #929292;
    border-top: 1px solid #9f9fa5;
    border-bottom: 2px solid #9f9fa5;
    padding: 12px 0 19px 0;
}

.gv_table td {
    border-bottom: 1px solid #9f9fa5;
    padding: 15px 0;
}

.section_gray {
    background: #d8d8d8;
}

.unsubscribe_content {
    padding: 15px 30px;
    background: #fff;
    margin: 15px 0;
}

#bx-composite-banner {
    margin-top: 15px;
}

a:hover,
a:focus,
a:active {
    color: #8d8d8d
}

.flex {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column; /* works with row or column */
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    white-space: normal;
}

.notifybar_top {
    z-index: 100 !important;
}
.notifybar_top .notifybar_btn_close, .notifybar_top .notifybar_btn_close:visited {
    z-index: 10000 !important;
}

.img-responsive-recom {
    display: block;
    max-wight: 40%;
    height: auto;
}

.btn-share, .btn-share-info {
    cursor: pointer;
    margin-top: 15px;
    display: block;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    width: 185px;
}

.btn-share:hover, .btn-share-info:hover {
    text-decoration: none;
}

.my-share {
    margin-top: 15px;
    display: block;
}

.clear {
    clear: both;
}

.slick-slider { /*display:none;*/
}

.slick-initialized.slick-slider {
    display: block;
}

/*product_item_new*/

.product_item_new .hint {
    position: static;
}

.product_item_new .text_hint {
    width: 240px;
    left: 5px;
    bottom: 5px;
    width: calc(100% - 10px);
    height: auto;
    top: auto;
}

.product_item_new .text_hint {
    display: none !important;
}

.product_item_new:hover [rel="open"] .text_hint {
    display: inline !important;
}

.product_item_new {
    height: 440px;
    position: relative;
}

.product_item_new .action_container {
    position: absolute;
    left: -4px;
    top: -4px;
    height: 111px;
    width: 111px;
    z-index: 1;
    pointer-events: none;
}

.product_item_new .action_container {
    background: url(/local/templates/webdoka/assets/images/action_green.png) no-repeat;
}

main.xc_ski_shop .product_item_new .action_container {
    background: url(/local/templates/webdoka/assets/images/sale_ski.png) no-repeat;
}

main.alpine_ski_shop .product_item_new .action_container, .catalog_detail_wrapper .action_container {
    /*background: url(/local/templates/webdoka/assets/images/sale_mount.png) no-repeat;*/
}

.ac_sale_green {
    background: url(/local/templates/webdoka/assets/images/action_green.png) no-repeat !important;
}

.ac_sale_purple {
    background: url(/local/templates/webdoka/assets/images/sale_mount.png) no-repeat !important;
}

.ac_sale_blue {
    background: url(/local/templates/webdoka/assets/images/sale_ski.png) no-repeat !important;
}


.product_item_new .pin_l {
    position: absolute;
    top: 0;
    left: 0;
    height: 440px;
    width: 100%;
    padding: 10px;
    transition: all .2s;
    overflow: hidden;
    background: #fff;
}

.product_item_new:hover {
}

.product_item_new:hover .pin_l {
    box-shadow: inset 5px 0px 0px 0px var(--brand-color), inset -5px 0px 0px 0px var(--brand-color), inset 0px 5px 0px 0px var(--brand-color);
    z-index: 4;
}

.product_item_new.no_slide:hover .pin_l {
    box-shadow: inset 0px 0px 0px 5px var(--brand-color);
}

.product_item_new:hover .btn.buy_btn {
    background: var(--brand-color);
}

.product_item_new:hover .action_container {
    z-index: 5;
}

.product_item_new.open_propose_buy:hover .action_container {
    z-index: 0;
}

.product_item_new .img {
    height: 174px;
    max-width: 240px;
    width: 100%;
    margin: 0 auto;
}
/*
.product_item_new .img img {
    max-width: 100%;
    display: block;
}
*/

.product_item_new .clip_name {
    color: #929292;
    display: block;
    text-align: left;
    height: 20px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 300;
}

.product_item_new .name {
    display: block;
    /*margin-bottom: 10px;*/
 	margin-bottom: 5px;
    color: #40404b;
    font-weight: 300;
    /*font-size: 18px;*/
	font-size: 14px;
    text-decoration: none;
    text-align: left;
 	/*height: 70px;*/
    height: 64px;
    overflow: hidden;
}

.product_item_new .name:hover {
    text-decoration: underline;
}

.product_item_new .old_price {
    color: #929292;
    text-decoration: line-through;
    padding-left: 5px;
}

.product_item_new .price {
    font-size: 32px;
    font-weight: 300;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 5px;
	text-align:right;
}

.product_item_new .price .fa {
    font-weight: 300;
    font-size: 0.666em;
}

.product_item_new .line {
    background: #929292;
    height: 1px;
    margin: 10px 0;
}

.product_item_new .icon_l {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 34px;
}

.product_item_new .icon_l .i {
    display: block;
    cursor: pointer;
}

.product_item_new .icon_l .fa {
    position: relative;
    display: block;
    width: 34px;
    height: 34px;
}

.product_item_new .icon_l .fa:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 16px;
    color: #929292;
    transition: all .2s;
    border-radius: 50%;
}

.product_item_new .icon_l .i.active .fa:before, .product_item_new .icon_l .i:hover .fa:before, .product_item_new .icon_l .i .fa.active:before {
    background: var(--brand-color);
    color: #fff;
    border-radius: 0%;
}

.product_item_new .t_gray b {
    color: #40404b;
}

.product_item_new .price_l {
    height: 60px;
}

.product_item_new .action_text {
    font-weight: 600;
    font-size: 13px;
    padding-left: 5px;
    white-space: nowrap;
}

.product_item_new .icon_l .i .catalog-item-add .fa:before {
    background: var(--brand-color);
    color: #fff;
    border-radius: 50%;
}

.product_item_new .icon_l .i .catalog-item-compared .fa:before {
    background: var(--brand-color);
    color: #fff;
    border-radius: 50%;
}

/*.product_item_new .in_stock>span{*/
.product_item_new .in_stock .options {
    text-decoration: underline;
    padding-left: 5px;
}

.product_item_new .sale_block {
    white-space: nowrap;
    overflow: hidden;
    min-height: 20px;
}

.product_item_new .hidden_l {
    position: absolute;
    top: 0%;
    background: #fff;
    width: 100%;
    padding: 15px;
    opacity: 0;
    pointer-events: none;
    transition: none;
}

.product_item_new.no_slide .hidden_l {
    display: none;
}

.product_item_new:hover .hidden_l {
    z-index: 3;
    opacity: 1;
    pointer-events: auto;
    top: 100%;
    box-shadow: inset 5px 0px 0px 0px var(--brand-color), inset -5px 0px 0px 0px var(--brand-color), inset 0px -5px 0px 0px var(--brand-color);
    transition: all .2s;
}

.product_item_new .crl_stars .fa {
    color: var(--brand-color);
}

/*product_item_new - end*/
.catalog_pagination_down {
    padding: 15px 15px 0 15px;
    background: #fff;
}

.white-slider .slick-next:before, .white-slider .slick-prev:before, .white-slider .slick-dots li button:before {
    color: #fff;
}

.ifsc_item {
    padding: 15px;
    background: #f1f1f2;
    transition: all .2s;
}

.ifsc_item .img {
    height: 135px;
    margin-bottom: 15px;
}

.ifsc_item .title {
    text-transform: uppercase;
    color: #40404b;
    font-weight: 300;
}

.ifsc_item:hover {
    box-shadow: inset 0px 0px 0px 5px var(--brand-color);
}

.yandex {
    background: #fff;
}

.yandex .img-responsive {
    margin: 0 auto;
}

.offer_stores .store_name {
    font-size: 14px;
}


@media screen and (min-width: 1600px) {
    .ifsc_item_l, .product_item_new_l_d_1600_25p, .rv_box {
        width: 25%;
    }

    .seo_text_catalog .page_contant {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;

    }
}

.product_item_new:has(span.fa-check.red)::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    opacity: 0.5;
    pointer-events: none;
}


/*Новые контентные страницы*/
.nc .bold {
    font-family: "Roboto";
}

.nc p {
    font-size: 16px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb15 {
    margin-bottom: 15px;
}

.nc_main_ban_content {
    height: 460px;
}

.nc_main_ban_content_1 {
    color: #fff;
}

.nc_main_ban_content_1 .title {
    font-size: 40px;
    padding: 20px 30px 0 30px;
    text-transform: uppercase;
    margin: 0;
    font-family: "Roboto";
}

.nc_main_ban_content_1 .sub_title {
    padding: 0 30px;
    text-transform: uppercase;
    font-size: 20px;
    text-shadow: 0px 0px 25px rgba(255, 255, 255, 1);
    color: #85b916;
    text-align: right;
    font-family: "Roboto";
}

.nc_main_ban_content_1 .desc {
    padding: 0 30px;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
    font-size: 18px;
}

.nc_block_style_1 {
    padding: 0 0 0 70px;
    position: relative;
}

.nc_block_style_1:before {
    position: absolute;
    content: '';
    width: 20px;
    height: 30px;
    background: url(/local/templates/webdoka/assets/images/nc/li.png) no-repeat 50% 50% / 20px 20px;
    top: 0;
    left: 30px;
}

.slider_ban .bg {
    height: 260px;
}

.slider_ban .owl-nav div {
    display: block;
    position: absolute;
    top: calc(50% - 35px);
    width: 70px;
    height: 70px;
    background: rgba(0, 0, 0, 0.65);
}

.slider_ban .owl-nav .owl-prev {
    left: 0;
    background: url(/local/templates/webdoka/assets/images/nc/stp.png) no-repeat 50% 50% / 70px 70px rgba(0, 0, 0, 0.65);
}

.slider_ban .owl-nav .owl-next {
    right: 0;
    background: url(/local/templates/webdoka/assets/images/nc/stn.png) no-repeat 50% 50% / 70px 70px rgba(0, 0, 0, 0.65);
}

.slider_ban .owl-dots {
    margin: -40px auto 0 auto;
    display: block;
    text-align: center;
}

.slider_ban .owl-dot {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(/local/templates/webdoka/assets/images/nc/dot.png) no-repeat 50% 50% / 40px 40px;
    position: relative;
    z-index: 10;
    opacity: 0.8;
}

.slider_ban .owl-dot.active {
    opacity: 1;
}

.slider_ban.owl-carousel .owl-item {
    padding: 0;
}

.nc_block_style_2 .item {
    text-align: center;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.nc_block_style_2 img {
    border-radius: 50%;
    width: 100%;
    max-width: 130px;
    margin: 0 auto;
    display: block;
}

.nc_block_style_2 .title {
    font-size: 18px;
    color: #252764;
    text-transform: uppercase;
}

.ntn_ns_s1 {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    width: 240px;
    max-width: 100%;
    background: #252764;
    padding: 7px;
    text-decoration: none;
    cursor: pointer;
    transition: background .2s;
}

.ntn_ns_s1:hover {
    text-decoration: none;
    color: #fff;
    background: var(--brand-color);
}

.nc_block_style_3 img {
    display: block;
    max-height: 60px;
    margin-bottom: 30px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.nc_block_style_3 .title {
    font-size: 18px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 30px;
}

.nc_block_style_3 .item {
    text-align: center;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.nc_block_style_13 img {
    display: block;
    max-height: 150px;
    margin-bottom: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.nc_block_style_13 .title {
    font-size: 18px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 20px;
}

.nc_block_style_13 .item {
    text-align: center;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.nc_block_style_4 .item {
    height: 390px;
    position: relative;
}

.nc_block_style_4 .item_s1 {
    background: url(/local/templates/webdoka/assets/images/nc/a1.jpg) no-repeat 50% 50% / cover;
}

.nc_block_style_4 .item_s2 {
    background: url(/local/templates/webdoka/assets/images/nc/a2.jpg) no-repeat 50% 50% / cover;
}

.nc_block_style_4 .item_s3 {
    background: url(/local/templates/webdoka/assets/images/nc/a3.jpg) no-repeat 50% 50% / cover;
}

.nc_block_style_4 .url_l {
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 100%;
}

.ntn_ns_s2 {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    width: 200px;
    max-width: 100%;
    background: rgba(0, 0, 0, 0.45);
    padding: 20px;
    text-decoration: none;
    cursor: pointer;
    transition: background .2s;
}

.ntn_ns_s2:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(0, 0, 0, 0.65);
}

.nc .float_left {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.nc_how_to_l .header {
    min-height: 110px;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
    z-index: auto;
    box-shadow: none;
    -ms-flex-direction: row;
}

.nc_how_to_l .header .bg {
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.nc_how_to_l .header .title {
    position: relative;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0 110px 0 30px;

    color: #2d2d2d;
    font-size: 20px;

    z-index: 2;
}

.nc_how_to_l .header:before {
    background: rgba(42, 43, 98, 0.7);
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: background .2s;
    top: 0;
    left: 0;
}

.nc_how_to_l .header:after {
    position: absolute;
    display: block;
    content: '';
    width: 74px;
    height: 74px;
    z-index: 2;
    top: 18px;
    right: 18px;
    background: url(/local/templates/webdoka/assets/images/nc/harrow.png) no-repeat 50% 50% / 74px 74px;
    transition: transform .2s;
    transform: rotate(180deg);
}

.nc_how_to_l .body {
    padding-top: 30px;
    display: none;
}

.nc_how_to_l .body img {
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    width: 100%;
    margin: 0 0 30px 0;
}

.nc_how_to_l .active .header:before {
    background: rgba(148, 193, 78, 0.7);
}

.nc_how_to_l .active .header:after {
    transform: rotate(0deg);
}

.nc_how_to_l_gl .header {
    min-height: 110px;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
    z-index: auto;
    box-shadow: none;
    -ms-flex-direction: row;
}

.nc_how_to_l_gl .header .bg {
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.nc_how_to_l_gl .header .title {
    position: relative;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0 110px 0 30px;
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;

    z-index: 2;
}

.nc_how_to_l_gl .header:before {
    background: rgba(80, 81, 153, 1);
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: background .2s;
    top: 0;
    left: 0;
}

.nc_how_to_l_gl .header:after {
    position: absolute;
    display: block;
    content: '';
    width: 74px;
    height: 74px;
    z-index: 2;
    top: 18px;
    right: 18px;
    background: url(/local/templates/webdoka/assets/images/nc/harrow.png) no-repeat 50% 50% / 74px 74px;
    transition: transform .2s;
    transform: rotate(180deg);
}

.nc_how_to_l_gl .body {
    padding-top: 30px;
    display: none;
}

.nc_how_to_l_gl .body img {
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    width: 100%;
    margin: 0 0 30px 0;
}

.nc_how_to_l_gl .active .header:before {
    background: rgba(148, 193, 78, 0.7);
}

.nc_how_to_l_gl .active .header:after {
    transform: rotate(0deg);
}

.nc_how_to_l_bl .header {
    min-height: 110px;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
    z-index: auto;
    box-shadow: none;
    -ms-flex-direction: row;
}

.nc_how_to_l_bl .header .bg {
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.nc_how_to_l_bl .header .title {
    position: relative;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0 110px 0 30px;
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;

    z-index: 2;
}

.nc_how_to_l_bl .header:before {
    background: rgba(76, 187, 218, 1);
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: background .2s;
    top: 0;
    left: 0;
}

.nc_how_to_l_bl .header:after {
    position: absolute;
    display: block;
    content: '';
    width: 74px;
    height: 74px;
    z-index: 2;
    top: 18px;
    right: 18px;
    background: url(/local/templates/webdoka/assets/images/nc/harrow.png) no-repeat 50% 50% / 74px 74px;
    transition: transform .2s;
    transform: rotate(180deg);
}

.nc_how_to_l_bl .body {
    padding-top: 30px;
    display: none;
}

.nc_how_to_l_bl .body img {
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    width: 100%;
    margin: 0 0 30px 0;
}

.nc_how_to_l_bl .active .header:before {
    background: rgba(148, 193, 78, 0.7);
}

.nc_how_to_l_bl .active .header:after {
    transform: rotate(0deg);
}

.nc_how_to_l_v .header {
    min-height: 110px;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
    z-index: auto;
    box-shadow: none;
    -ms-flex-direction: row;
}

.nc_how_to_l_v .header .bg {
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.nc_how_to_l_v .header .title {
    position: relative;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0 110px 0 30px;
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;

    z-index: 2;
}

.nc_how_to_l_v .header:before {
    background: rgba(132, 188, 48, 1);
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: background .2s;
    top: 0;
    left: 0;
}

.nc_how_to_l_v .header:after {
    position: absolute;
    display: block;
    content: '';
    width: 74px;
    height: 74px;
    z-index: 2;
    top: 18px;
    right: 18px;
    background: url(/local/templates/webdoka/assets/images/nc/harrow.png) no-repeat 50% 50% / 74px 74px;
    transition: transform .2s;
    transform: rotate(180deg);
}

.nc_how_to_l_v .body {
    padding-top: 30px;
    display: none;
}

.nc_how_to_l_v .body img {
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    width: 100%;
    margin: 0 0 30px 0;
}

.nc_how_to_l_v .active .header:before {
    background: rgba(148, 193, 78, 0.7);
}

.nc_how_to_l_v .active .header:after {
    transform: rotate(0deg);
}


.frequently_asked_questions {
    padding: 15px;
    background: #fff;
    margin-top: 65px;
}

.frequently_asked_questions .faq_title {
    margin-top: 0;
    margin-bottom: 10px;
    text-align: center;
    border-bottom: 1px solid #bbbdbf;
    padding: 15px 0;
    font-size: 20px;
}

.nc_how_to_l_min.nc_how_to_l .item {
    margin-bottom: 2px;
}

.nc_how_to_l_min.nc_how_to_l .header {
    min-height: 46px;
    height: 46px;
    border: 1px solid #969696;
}

.nc_how_to_l_min.nc_how_to_l .header .bg {
    display: none;
}

.nc_how_to_l_min.nc_how_to_l .header .title {
    font-size: 14px;
    padding: 0 64px 0 15px;
}

.nc_how_to_l_min.nc_how_to_l .header:after {
    background: url(/local/templates/webdoka/assets/images/nc/harrow.png) no-repeat 50% 50% / 32px 32px;
    width: 32px;
    height: 32px;
    top: 6px;
    right: 6px;
}

.nc_how_to_l_min.nc_how_to_l .header:before {
    background: #fff;
}

.nc_how_to_l_min.nc_how_to_l .active .header:before {
    background: #fff;
}

.nc_how_to_l_min.nc_how_to_l .body {
    padding: 15px 0;
}

.nc_how_to_l_min .nc_block_style_8 {
    padding-left: 50px;
    min-height: 40px;
}

.nc_how_to_l_min .nc_block_style_8:before {
    width: 40px;
    height: 40px;
    background-size: contain;
}

.nc_how_to_l_min .nc_block_style_8 h3 {
    font-size: 16px;
}

.nc_how_to_l_min .ntn_ns_s1 {
    background: #bbbdbf;
    margin-bottom: 15px;
}


.nc_main_ban_content_2 {
    color: #fff;
}

.nc_main_ban_content_2 .title, .nc_main_ban_content_2 .sub_title {
    font-size: 18px;
    padding: 30px;
    text-transform: uppercase;
    line-height: 1.2;
}

.nc_main_ban_content_2 .sub_title {
    text-align: right;
}

.nc_main_ban_content_2 .title span, .nc_main_ban_content_2 .sub_title span {
    color: #84a9a7;
}

.nc_main_ban_content_2 .sub_title span {
    font-size: 20px;
}

.nc_block_style_6 {
    padding-left: 80px;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: 70px;
}

.nc_block_style_6 h3 {
    width: 100%;
    padding: 0;
    margin: 0;
}

.nc_block_style_6 p {
    width: 100%;
    padding: 0;
    margin: 0;
}

.nc_block_style_6:before {
    content: '';
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    left: 0;
}

.nc_block_style_6.di1:before {
    background: url(/local/templates/webdoka/assets/images/nc/di1.png) no-repeat 50% 50%;
}

.nc_block_style_6.di2:before {
    background: url(/local/templates/webdoka/assets/images/nc/di2.png) no-repeat 50% 50%;
}

.nc_block_style_6.di3:before {
    background: url(/local/templates/webdoka/assets/images/nc/di3.png) no-repeat 50% 50%;
}

.nc_block_style_6.di4:before {
    background: url(/local/templates/webdoka/assets/images/nc/di4.png) no-repeat 50% 50%;
}

.nc_block_style_6.di5:before {
    background: url(/local/templates/webdoka/assets/images/nc/di5.png) no-repeat 50% 50%;
}

.nc_block_style_6.di6:before {
    background: url(/local/templates/webdoka/assets/images/nc/di6.png) no-repeat 50% 50%;
}

.nc_block_style_6.din1:before {
    background: url(/local/templates/webdoka/assets/images/nc/din1.png) no-repeat 50% 50%;
}

.nc_block_style_6.din2:before {
    background: url(/local/templates/webdoka/assets/images/nc/din2.png) no-repeat 50% 50%;
}

.nc_block_style_6.din3:before {
    background: url(/local/templates/webdoka/assets/images/nc/din3.png) no-repeat 50% 50%;
}

.nc_main_ban_content_3 .title {
    color: #fff;
    font-size: 28px;
    padding: 30px;
    text-transform: uppercase;
}

.nc_main_ban_content_3 .title span {
    color: #85b916;
}

.nc_main_ban_content_3 .desc {
    color: #fff;
    font-size: 16px;
    padding: 0 30px;
}

.nc_we_work_l {
    position: relative;
    margin-bottom: 115px;
}

.nc_we_work_l .item {
    height: 170px;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    padding-top: 30px;
}

.nc_we_work_l .item:before {
    content: '';
    width: 24px;
    height: 24px;
    background: url(/local/templates/webdoka/assets/images/nc/wws.png) no-repeat 50% 50%;
    position: absolute;
    top: 0;
    left: calc(50% - 12px);
    transform: rotate(90deg);
}

.nc_we_work_l .item.first-child:before {
    display: none;
}

.nc_we_work_l .item img {
    display: block;
    margin: 15px auto;
    max-width: 100%;
}

.nc_we_work_l .item span {
    display: block;
    height: 20px;
    line-height: 20px;
}

.nc_we_work_int_l {
    position: relative;
}

.nc_we_work_int_l .shape, .nc_we_work_l .iphone {
    display: none;
}

.nc_we_work_l .g_line {
    background: #7dc242;
    text-align: right;
    padding: 15px;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.nc_we_work_l .g_line .title {
    font-size: 22px;
    margin-bottom: 5px;
    padding: 0;
    max-width: 600px;
}

.nc_we_work_l .g_line .li {
    margin-bottom: 5px;
    padding-right: 30px;
    position: relative;
    max-width: 600px;
}

.nc_we_work_l .g_line .li:before {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    background: url(/local/templates/webdoka/assets/images/nc/wwli.png) no-repeat 50% 50%;
    right: 0;
    top: 0;
}

.nc_akcia_ban {
    background: url(/local/templates/webdoka/assets/images/nc/aban.jpg) no-repeat 50% 50% / cover;
    padding: 15px 30px 30px 30px;
    color: #fff;
}

.nc_akcia_ban .title {
    display: block;
    font-size: 56px;
    position: relative;
    padding: 15px 0;
    text-transform: uppercase;
    line-height: 1;
}

.nc_akcia_ban p {
    margin: 0;
}

.nc_akcia_ban p span {
    color: #7dc242;
}

.nc_block_style_7 .item {
    height: 280px;
    position: relative;
    padding-top: 15px;
}

.nc_block_style_7 .item.i1 {
    background: url(/local/templates/webdoka/assets/images/nc/zimg1.jpg) no-repeat 50% 50% / cover;
}

.nc_block_style_7 .item.i2 {
    background: url(/local/templates/webdoka/assets/images/nc/zimg2.jpg) no-repeat 50% 50% / cover;
}

.nc_block_style_7 .item.i3 {
    background: url(/local/templates/webdoka/assets/images/nc/zimg3.jpg) no-repeat 50% 50% / cover;
}

.nc_block_style_7 .item.i4 {
    background: url(/local/templates/webdoka/assets/images/nc/zimg4.jpg) no-repeat 50% 50% / cover;
}

.nc_block_style_7 .item.i5 {
    background: url(/local/templates/webdoka/assets/images/nc/zimg5.jpg) no-repeat 50% 50% / cover;
}

.nc_block_style_7 .item.i6 {
    background: url(/local/templates/webdoka/assets/images/nc/zimg6.jpg) no-repeat 50% 50% / cover;
}

.nc_block_style_7 .item.i7 {
    background: url(/local/templates/webdoka/assets/images/nc/zimg7.jpg) no-repeat 50% 50% / cover;
}

.nc_block_style_7 .item.i8 {
    background: url(/local/templates/webdoka/assets/images/nc/zimg8.jpg) no-repeat 50% 50% / cover;
}

.nc_block_style_7 .item.i9 {
    background: url(/local/templates/webdoka/assets/images/nc/zimg9.jpg) no-repeat 50% 50% / cover;
}

.nc_block_style_7 .item.i10 {
    background: url(/local/templates/webdoka/assets/images/nc/zimg10.jpg) no-repeat 50% 50% / cover;
}

.nc_block_style_7 .item .i {
    width: 370px;
    max-width: 100%;
    background: #252764;
    color: #fff;
    min-height: 80px;
    padding: 3px 3px 3px 80px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
}

.nc_block_style_7 .item p {
    margin: 0;
    width: 100%;
}

.nc_block_style_7 .item .i:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    content: '';
    display: block;
}

.nc_block_style_7 .item.i1 .i:before {
    background: url(/local/templates/webdoka/assets/images/nc/1.png) no-repeat 50% 50%;
}

.nc_block_style_7 .item.i2 .i:before {
    background: url(/local/templates/webdoka/assets/images/nc/2.png) no-repeat 50% 50%;
}

.nc_block_style_7 .item.i3 .i:before {
    background: url(/local/templates/webdoka/assets/images/nc/3.png) no-repeat 50% 50%;
}

.nc_block_style_7 .item.i4 .i:before {
    background: url(/local/templates/webdoka/assets/images/nc/4.png) no-repeat 50% 50%;
}

.nc_block_style_7 .item.i5 .i:before {
    background: url(/local/templates/webdoka/assets/images/nc/5.png) no-repeat 50% 50%;
}

.nc_block_style_7 .item.i6 .i:before {
    background: url(/local/templates/webdoka/assets/images/nc/6.png) no-repeat 50% 50%;
}

.nc_block_style_7 .item.i7 .i:before {
    background: url(/local/templates/webdoka/assets/images/nc/7.png) no-repeat 50% 50%;
}

.nc_block_style_7 .item.i8 .i:before {
    background: url(/local/templates/webdoka/assets/images/nc/8.png) no-repeat 50% 50%;
}

.nc_block_style_7 .item.i9 .i:before {
    background: url(/local/templates/webdoka/assets/images/nc/9.png) no-repeat 50% 50%;
}

.nc_block_style_7 .item.i10 .i:before {
    background: url(/local/templates/webdoka/assets/images/nc/10.png) no-repeat 50% 50%;
}

.nc_block_style_8 {
    padding-left: 80px;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: 70px;
}

.nc_block_style_8 h3 {
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 24px;
    color: #252764;
    font-weight: 300;
}

.nc_block_style_8 p {
    width: 100%;
    padding: 0;
    margin: 0;
}

.nc_block_style_8:before {
    content: '';
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    left: 0;
}

.nc_block_style_8.di1:before {
    background: url(/local/templates/webdoka/assets/images/nc/dimg1.png) no-repeat 50% 50% / contain;
}

.nc_block_style_8.di2:before {
    background: url(/local/templates/webdoka/assets/images/nc/dimg2.png) no-repeat 50% 50%	/ contain;
}

.nc_block_style_8.di3:before {
    background: url(/local/templates/webdoka/assets/images/nc/dimg3.png) no-repeat 50% 50%	/ contain;
}

.nc_block_style_8.di4:before {
    background: url(/local/templates/webdoka/assets/images/nc/dimg4.png) no-repeat 50% 50%	/ contain;
}

.nc_block_style_8.di5:before {
    background: url(/local/templates/webdoka/assets/images/nc/dimg5.png) no-repeat 50% 50%	/ contain;
}

.nc_block_style_8.di6:before {
    background: url(/local/templates/webdoka/assets/images/nc/dimg6.png) no-repeat 50% 50%	/ contain;
}

.nc_dop .more {
    display: none;
}


@media screen and (min-width: 768px) {
    .nc_main_ban_content_1 .title {
        font-size: 50px;
        padding: 50px 30px 0 30px;
    }

    .nc_main_ban_content_1 .sub_title {
        font-size: 35px;
    }

    .nc_main_ban_content_1 .desc {
        font-size: 20px;
    }

    .nc_how_to_l .body img {
        margin: 0 30px 30px 0;
        width: auto;
        max-width: 100%;
    }

    .nc .float_left {
        width: auto;
        margin-top: 10px;
    }

    .nc_how_to_l .header .title {
        font-size: 30px;
    }

    .nc_main_ban_content_2 .title, .nc_main_ban_content_2 .sub_title {
        font-size: 25px;
    }

    .nc_main_ban_content_2 .sub_title span {
        font-size: 36px;
    }

    .nc_main_ban_content_3 .title {
        font-size: 44px;
        padding: 70px 30px 40px 30px;
    }

    .nc_main_ban_content_3 .desc {
        font-size: 18px;
    }

    .nc_we_work_l .item {
        padding-top: 0;
    }

    .nc_we_work_l .item:before {
        top: calc(50% - 12px);
        left: 0;
        transform: rotate(0deg);
    }

    .nc_we_work_int_l {
        padding: 0 60px;
        max-width: 660px;
        margin: 0 auto;
    }

    .nc_we_work_int_l .shape {
        position: absolute;
        top: 154px;
        left: 39px;
        display: block;
        z-index: 1;
    }

    .nc_we_work_l .g_line:before {
        position: absolute;
        content: '';
        width: 210px;
        height: 226px;
        top: -45px;
        left: -37px;
        background: url(/local/templates/webdoka/assets/images/nc/wwstripes.png) no-repeat 50% 50%;
    }

    .nc_akcia_ban .title:before {
        background: url(/local/templates/webdoka/assets/images/nc/abani.png) no-repeat 50% 50% / cover;
        width: 64px;
        height: 64px;
        position: absolute;
        content: '';
        top: 14px;
        left: 0;
    }

    .nc_akcia_ban .title {
        font-size: 90px;
        padding: 0 0 15px 80px;
    }
}

@media screen and (min-width: 992px) {
    .nc_main_ban_content_1 .title {
        font-size: 65px;
    }

    .nc_main_ban_content_1 .sub_title {
        font-size: 35px;
        text-align: left;
        margin-left: 300px;
    }

    .nc_block_style_2 .item, .nc_block_style_3 .item {
        text-align: left;
    }

    .nc_block_style_3 img {
        margin-left: 0;
        margin-right: 0;
    }

    .nc_block_style_3 .item {
        text-align: left;
    }

    .nc_block_style_3 img {
        margin-left: 0;
        margin-right: 0;
    }

    .nc_block_style_13 .item {
        text-align: left;
    }

    .nc_block_style_13 img {
        margin-left: 0;
        margin-right: 0;
    }

    .nc_main_ban_content_2 .title {
        font-size: 22px;
        padding: 150px 0 0 200px;
    }

    .nc_main_ban_content_2 .sub_title {
        font-size: 22px;
        padding: 90px 130px 0 0;
        text-align: right;
    }

    .nc_main_ban_content_2 .sub_title span {
        font-size: 46px;
    }

    .nc_block_style_6 {
        padding-left: 145px;
    }

    .nc_block_style_6:before {
        left: 60px;
    }

    .nc_main_ban_content_3 .title {
        font-size: 44px;
        padding: 30px 30px 30px 30px;
    }

    .nc_we_work_l .iphone {
        position: absolute;
        top: 0;
        right: -60px;
        display: block;
        z-index: 1;
    }

    .nc_we_work_l .g_line {
        padding-right: 300px;
    }
}

@media screen and (min-width: 1600px) {
    .nc_we_work_int_l {
        margin-left: 384px;
    }
}

/*Новые контентные страницы*/

@media screen and (max-width: 991px) {
    .main_catalog_title {
        width: 100%;
        text-align: center;
    }

    .main_catalog_title img {
        display: block;
        margin: 0 auto;
        float: none;
    }

}


.gv_modal .container {
    max-width: 1170px !important;
    margin: 0 auto !important;
}

.gv_modal .container .gv_modal_col {
    margin: 0 auto !important;
    float: none !important;

}

.gv_modal_inner {
    max-height: calc(100vh - 100px) !important;
    overflow-y: auto !important;
}

.gv_modal {
    z-index: 10000 !important;
}

/*фикс всплывающих окон с торговыми предложениями >=1600 - start*/

@media screen and (min-width: 1600px) {
    .propose_table_prop .offer_name {
        width: 35%;
    }

    .propose_table_prop .offer_value {
        width: 65%;
    }

    .propose_table_prop .offer_stores {
        width: 33.33333333%;
    }

    .propose_table_prop .tovar_modal_price, .propose_table_prop .catalog_links_propose {
        width: 25%;
    }
}

@media screen and (min-width: 768px) {
    .propose_table_prop .avalible_title, .propose_table_prop .offer_stores_title {
        display: none;
    }

    .propose_table_prop .tovar_exist {
        text-align: left;
    }
}

.propose_table_prop .fa-check.no {
    /*display:none;*/
}

.propose_table_prop .avail_date .fa, .rv_tovar_exist .fa {
    padding-left: 5px;
    font-size: 15px;
}

.propose_table_prop .propose_table_footer > div {
    border-bottom: 2px solid #9f9fa5;
    padding-bottom: 15px;
}

.propose_table_prop .prop_row {
    border-bottom: none;
}

.propose_table_prop .store_name {
    margin-bottom: 0px !important;
}

.propose_table_prop .offer_old_price {
    padding-right: 10px;
    display: inline;
}

.propose_table_prop .top_old_price_discount {
    padding-left: 0px;
    display: inline;
}

.propose_table_prop .propose_prop_item {
    margin-bottom: 0px;
}


/*фикс всплывающих окон с торговыми предложениями >=1600 - end*/


/* ----------------------  Pozvonim begin ----------------------------------- */
#pzv-button div {
    background: transparent none repeat scroll 0 0;
}

@keyframes pzv-inner-animation {
    0% {
        transform: scale(1);
    }
    40% {
        opacity: 0.9;
        transform: scale(1.2);
    }
    100% {
        transform: scale(1.5);
    }
}

@keyframes pzv-outer-animation {
    0%, 100% {
        transform: scale(1.5);
    }
    40% {
        transform: scale(1);
    }
}

@keyframes pzv-phone-animation {
    0%, 50%, 100% {
        transform: rotate(0deg);
    }
    10%, 30% {
        transform: rotate(-25deg);
    }
    20%, 40% {
        transform: rotate(25deg);
    }
}

@-webkit-keyframes pzv-inner-animation {
    0% {
        -webkit-transform: scale(1);
    }
    40% {
        opacity: 0.9;
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1.5);
    }
}

@-webkit-keyframes pzv-outer-animation {
    0%, 100% {
        -webkit-transform: scale(1.5);
    }
    40% {
        -webkit-transform: scale(1);
    }
}

@-webkit-keyframes pzv-phone-animation {
    0%, 50%, 100% {
        -webkit-transform: rotate(0deg);
    }
    10%, 30% {
        -webkit-transform: rotate(-25deg);
    }
    20%, 40% {
        -webkit-transform: rotate(25deg);
    }
}

@-moz-keyframes pzv-inner-animation {
    0% {
        -moz-transform: scale(1);
    }
    40% {
        opacity: 0.9;
        -moz-transform: scale(1.2);
    }
    100% {
        -moz-transform: scale(1.5);
    }
}

@-moz-keyframes pzv-outer-animation {
    0%, 100% {
        -moz-transform: scale(1.5);
    }
    40% {
        -moz-transform: scale(1);
    }
}

@-moz-keyframes pzv-phone-animation {
    0%, 50%, 100% {
        -moz-transform: rotate(0deg);
    }
    10%, 30% {
        -moz-transform: rotate(-25deg);
    }
    20%, 40% {
        -moz-transform: rotate(25deg);
    }
}

#pzv-button *, #pzv-button *::before, #pzv-button *::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#pzv-button {
    transform-origin: center center 0 !important;
    width: auto !important;
    height: auto !important;
    cursor: pointer !important;
    position: fixed;
    bottom: 25%;
    left: 7%;
    display: none;
    overflow: visible;
    z-index: 10000000 !important;
    background: transparent none repeat scroll 0 0 !important;
}

#pzv-button * {
    transform-origin: center center 0 !important;
    overflow: visible;
}

#pzv-button .pzv-button-phone {
    -webkit-animation: pzv-phone-animation 1.2s ease-in-out 0s normal none infinite running;
    -moz-animation: pzv-phone-animation 1.2s ease-in-out 0s normal none infinite running;
    -o-animation: pzv-phone-animation 1.2s ease-in-out 0s normal none infinite running;
    animation: pzv-phone-animation 1.2s ease-in-out 0s normal none infinite running;
    position: absolute !important;
    background-color: #4BC2CE !important;
    background-color: rgba(29, 179, 194, 0.8) !important;
    background-color: rgba(98, 98, 98, 0.8) !important;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 100% !important;
    height: 70px !important;
    width: 70px !important;
    left: 44px !important;
    top: 44px !important;
    z-index: 10000000 !important;
}

#pzv-button .pzv-button-border-inner {
    -webkit-animation: 2.3s ease-in-out 0s normal none infinite running pzv-outer-animation;
    -moz-animation: 2.3s ease-in-out 0s normal none infinite running pzv-outer-animation;
    -o-animation: 2.3s ease-in-out 0s normal none infinite running pzv-outer-animation;
    animation: 2.3s ease-in-out 0s normal none infinite running pzv-outer-animation;
    border: 1px solid #68cafa !important;
    border: 1px solid rgb(0, 0, 0) !important;
    border-radius: 100% !important;
    opacity: 0.5 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;
    height: 70px !important;
    left: 44px !important;
    top: 44px !important;
    width: 70px !important;
    position: absolute !important;
    z-index: 10000000 !important;
    display: block !important;
}

#pzv-button .pzv-button-border-outer {
    -webkit-animation: 2.3s ease-in-out 0s normal none infinite running pzv-inner-animation;
    -moz-animation: 2.3s ease-in-out 0s normal none infinite running pzv-inner-animation;
    -o-animation: 2.3s ease-in-out 0s normal none infinite running pzv-inner-animation;
    animation: 2.3s ease-in-out 0s normal none infinite running pzv-inner-animation;
    border: 1px solid #9abfd3 !important;
    border: 1px solid rgb(0, 0, 0) !important;
    border-radius: 100% !important;
    width: 100px !important;
    height: 100px !important;
    left: 30px !important;
    top: 30px !important;
    position: absolute !important;
    z-index: 10000000 !important;
    display: block !important;
}

#pzv-button.pzv-hovered .pzv-button-phone, #pzv-button:hover .pzv-button-phone {
    background-color: #79D000 !important;
    background-color: rgba(121, 208, 0, 0.8) !important;
    background-color: rgba(255, 156, 0, 0.99) !important;
}

#pzv-button.pzv-hovered .pzv-button-border-inner, #pzv-button:hover .pzv-button-border-inner {
    border: 1px solid #b7de69 !important;
    border: 1px solid rgb(235, 148, 17) !important;
}

#pzv-button.pzv-hovered .pzv-button-border-outer, #pzv-button:hover .pzv-button-border-outer {
    border: 1px solid #b7de69 !important;
    border: 1px solid rgb(235, 148, 17) !important;
}

#pzv-button .pzv-button-wrapper {
    padding: 0 !important;
    display: block !important;
    width: 0px !important;
    height: 0px !important;
    overflow: visible;
}

.pzv-animated {
    -o-transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
    -webkit-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
}

#pzv-button.pzv-hovered .pzv-button-phone, #pzv-button:hover .pzv-button-phone {
    display: none !important;
}

#pzv-button.pzv-hovered .pzv-button-border-inner, #pzv-button:hover .pzv-button-border-inner {
    height: 90px !important;
    left: 33px !important;
    top: 33px !important;
    width: 90px !important;
}

#pzv-button.pzv-hovered .pzv-button-border-outer, #pzv-button:hover .pzv-button-border-outer {
    height: 100px !important;
    left: 28px !important;
    top: 28px !important;
    width: 100px !important;
}

#pzv-button.pzv-hovered .pzv-button-text, #pzv-button:hover .pzv-button-text {
    display: block !important;
}

#pzv-button .pzv-button-text {
    padding: 1px !important;
    background-color: rgba(255, 156, 0, 0.99) !important;
    color: #ffffff !important;
    border-radius: 100% !important;
    display: none !important;
    width: 90px !important;
    height: 90px !important;
    left: 33px !important;
    top: 33px !important;
    margin: 0 !important;
    position: absolute;
    text-align: center !important;
    font-size: 14px !important;
    font-family: "Roboto", "Helvetica Neue", "Helvetica", arial, sans-serif !important;
    font-weight: 300 !important;
    line-height: 19px !important;
    overflow: visible;
}

#pzv-button .pzv-button-center-text {
    vertical-align: middle;
    text-align: center;
    color: #ffffff !important;
    display: table-cell !important;
    height: 90px !important;
    width: 90px !important;
    word-break: break-all !important;
    line-height: 14px !important;
    padding: 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: "Open Sans", "Helvetica Neue", "Helvetica", arial, sans-serif !important;
    white-space: pre-wrap !important;
    overflow: visible;
}

#pzv-button .button-icon {
    padding: 15px;
}

#pzv-mobile-button *, #pzv-mobile-button *::before, #pzv-mobile-button *::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#pzv-mobile-button {
    height: 56px;
    width: 56px;
    position: fixed;
    bottom: 5%;
    left: 7%;
    display: block;
    z-index: 10000000 !important;
    background: transparent none repeat scroll 0 0 !important;
}

#pzv-mobile-button div {
    background: transparent none repeat scroll 0 0;
}

#pzv-mobile-button * {
    transform-origin: center center 0 !important;
    margin: 0 !important;
}

#pzv-mobile-button .pzv-mobile-button-phone {
    -webkit-animation: 2.2s ease-in-out 0s infinite pzv-phone-animation;
    -moz-animation: pzv-phone-animation 1.2s ease-in-out 0s normal none infinite running;
    -o-animation: pzv-phone-animation 1.2s ease-in-out 0s normal none infinite running;
    animation: pzv-phone-animation 1.2s ease-in-out 0s normal none infinite running;
    position: absolute !important;
    background-color: #4BC2CE !important;
    background-color: rgba(29, 179, 194, 0.8) !important;
    background-color: rgba(98, 98, 98, 0.8) !important;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 100% !important;
    height: 70% !important;
    width: 70% !important;
    padding: 15% !important;
    z-index: 10000000 !important;
    background-size: cover;
}

#pzv-mobile-button .pzv-mobile-button-phone svg {
    width: 100%;
    height: 100%;
}

@media screen and (min-width: 768px) {
    #pzv-button {
        display: block;
    }

    #pzv-mobile-button {
        display: none;
    }
}

/* ----------------------  Pozvonim end ----------------------------------- */

.сustomer_reviews_l .success_comment {
    color: #84bc30;
}

.policy {
    font-size: 10px;
    display: block;
    margin-bottom: 10px;
}

.policy a {
    font-size: 10px;
    padding: 0;
}

.offers_loader {
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(64, 64, 75, 0.2);
    border-right: 1.1em solid rgba(64, 64, 75, 0.2);
    border-bottom: 1.1em solid rgba(64, 64, 75, 0.2);
    border-left: 1.1em solid #40404b;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

.offers_loader,
.offers_loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

.pb-2 {
    padding-bottom: 2em;
}

.fw-600 {
    font-weight: 600;
}

.fw-900 {
    font-weight: 900;
}

.c-40404b {
    color: #40404b;
}

.fs-italic {
    font-style: italic;
}

.u-span {
    text-decoration: underline;
}


.bg_bike_shop {
    background-color: #4ea700;
}

.bg_xc_ski_shop {
    background-color: #009fcb;
}

.bg_alpine_ski_shop {
    background-color: #4a4b8e;
}

.bg_bike_shop span:hover, .bg_xc_ski_shop span:hover, .bg_alpine_ski_shop span:hover {
    background-color: #40404b;
    text-decoration: none !important;
}

.bg_bike_shop span, .bg_xc_ski_shop span, .bg_alpine_ski_shop span {
    color: #fff !important;
}

.main_menu__static {
    padding: 9px 0 9px 10px;
}


/* --------------- map and edost points begin --------------------------- */
#points_text {
    margin-top: 15px;
    font-size: 16px;
}

/* --------------- map and edost points end --------------------------- */

.mb-10 {
    margin-bottom: 10px;
}


/*.bx-component-debug {display:none;}*/


.text-col-lg-2 {
    column-count: 2;
    column-gap: 40px;
}

.text-col-md-2 {
    column-count: 2;
    column-gap: 40px;
}

.text-col-sm-2 {
    column-count: 2;
    column-gap: 40px;
}

.text-col-xs-2 {
    column-count: 2;
    column-gap: 40px;
}

.fsz-16 {
    font-size: 16px;
}
/*
.news-list .action_item .action_title {
    margin-bottom: 20px;
}

.news-list .action_item {
    margin-bottom: 20px;
}
*/
.mt-15 {
    margin-top: 15px !important;
}

header.main_title a {
    color: #40404b;
}

.mr-0 {
    margin-left: 0;
}

.ml-0 {
    margin-right: 0;
}

.tovar_detail_cvar_img {
    display: inline-block;
    margin-left: 5px;
    padding: 1px;
}

span.tovar_detail_cvar_img {
    border: 2px solid #009fcb;
}

.tovar_detail_cvar_img img {
    max-width: 50px;
}

.tovar_detail_article {
    position: absolute;
    left: 120px;
}

.tovar_detail_brand {
    display: block;
    position: absolute;
    right: 20px;
    top: 0px;
}

.tovar_detail_brand img {
    max-width: 70px;
}

.grecaptcha-badge {
    opacity: 0 !important;
}

a.tovar_title:hover {
    color: var(--brand-color);
}


#loadingscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 99999999;
    display: none;
}

#loadingscreen .fa-spinner {
    display: block;
    position: relative;
    width: 50px;
    height: 50px;
    font-size: 50px;
    line-height: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(50vh - 25px);
}


main.bike_shop .full, .bike_shop .top_old_price_discount {
    background: #84bc30;
}

main.xc_ski_shop .full, .bike_shop .top_old_price_discount {
    background: #4cbbda;
}

main.alpine_ski_shop .full, .bike_shop .top_old_price_discount {
    background: #505199;
}


main.bike_shop .top_old_price_discount {
    color: #84bc30;
}

main.xc_ski_shop .top_old_price_discount {
    color: #4cbbda;
}

main.alpine_ski_shop .top_old_price_discount {
    color: #505199;
}

.propose_buy_wrapper .top_old_price_discount {
    background: none;
}


.table.OrderSummary > thead > tr > th {
    vertical-align: bottom;
    border-bottom: none;
}

.table.OrderSummary > thead > tr > th, .table.OrderSummary > tbody > tr > th, .table.OrderSummary > tfoot > tr > th, .table.OrderSummary > thead > tr > td, .table.OrderSummary > tbody > tr > td, .table.OrderSummary > tfoot > tr > td {
    border-top: none;
}


.OrderSummary thead th {
    color: #827d79;
    font-size: 22px;
}

.OrderSummary .summary-cart-item-name a {
    color: #414045;
    text-decoration: underline;
}

.OrderSummary .summary-cart-item-name a:hover {
    text-decoration: none;
}

.OrderSummary .summary-cart-item-name .cin_params {
    color: #8d8d8d;
}

.OrderSummary .summary-cart-item-discount-price .cidp_old_price {
    text-decoration: line-through;

}

.OrderSummary .summary-cart-item-discount-price .cidp_persent {
    color: #84BC30;
}

.OrderSummary .summary-cart-item-discount-price .cidp_new_price {
    font-size: 20px;
}

.OrderSummary .summary-cart-item-discount-price .cidp_new_price .fa-rub {
    font-size: 19px;
}

.OrderSummary .summary-cart-item-quantity {
    font-size: 25px;
    font-weight: 300;
}

.OrderSummary .summary-cart-item-total-price {
    color: #414045;
    font-size: 25px;
    font-weight: 300;
}

.OrderSummary .summary-cart-item-total-price span {
    font-size: 22px;
}

#one_click_form input.submit_oneclick {
    width: auto;
    display: inline-block;
}


/**
* +++ оформление для ЕДОСТ +++
*/
main #order_form_div input[type="text"],
main #order_form_div input[type="tel"],
main #order_form_div input[type="email"],
main #order_form_div input[type="password"],
main #order_form_div textarea,
main #order_form_div select,
main #edost_window input[type="text"],
main #edost_window input[type="tel"],
main #edost_window input[type="email"],
main .bitrix_location .bx-ui-sls-input-block {
    /*box-shadow: inset 0px 0px 0px 3px #d8d8d8;*/
    border: 1px solid #2d2d2d;
    padding: 10px 40px 10px 10px;
    background: url(/bitrix/templates/main/images/input-ok.png) no-repeat 100% 50% #fff;

}

main #order_form_div select {
    background: none;
}

main .edost_props_normal div.edost_prop_head {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    color: #40404b;
    font-size: 14px;
}

main .edost_template_bright div.edost_main h4 {
    display: block;

    padding: 10px 0px;
    font-size: 1.285714285714286em;
    font-weight: 300;
    color: #40404b;
}

main #order_form_main {
    background: #fff;
}

main .edost_template_bright div.edost_main {
    border: none;
    box-shadow: none;
}

main #order_save_button, #order_form_total #order_save_button2 {
    border: none;
    background: var(--brand-color);
    color: #fff;
    padding: 15px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    text-transform: uppercase;
    box-sizing: border-box;
    border-radius: 0;
    width: 100%;
}

main #order_save_button span, #order_form_total #order_save_button2 span {
    display: inherit;
    font-size: 14px;
    line-height: normal;
    padding-top: 0;
    font-weight: 300;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
}

main div.edost_main, div.edost_office_window, div.edost_main table {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    line-height: normal;
}

main div.edost_button_big2 {
    border-radius: 0;
}

main div.edost_button_big2 span {
    font-size: 12px !important;
    text-transform: uppercase;
}

main div.edost_button_cod_disable {
    background: #4ea700;
    border-radius: 0;
}


#edost-prop-wrapper_48, /* Адрес доставки в 1С */
#edost-prop-wrapper_49, /* Служба доставки в 1С */

#edost-prop-wrapper_59, /* EXP */
#edost-prop-wrapper_61, /* EXP */
#edost-prop-wrapper_62, /* EXP */
#edost-prop-wrapper_63, /* EXP */
#edost-prop-wrapper_64, /* EXP */
#edost-prop-wrapper_65, /* EXP */
#edost-prop-wrapper_66, /* EXP */
#edost-prop-wrapper_67, /* EXP */
    /*
    #edost-prop-wrapper_68,
    #edost-prop-wrapper_69,
    #edost-prop-wrapper_70,
    #edost-prop-wrapper_71,
    */
#edost-prop-wrapper_72,
#edost-prop-wrapper_73,
#edost-prop-wrapper_74,
#edost-prop-wrapper_75,
#edost-prop-wrapper_51,
#edost-prop-wrapper_76,
#edost-prop-wrapper_24,
#edost-prop-wrapper_25,
#edost-prop-wrapper_36,
#edost-prop-wrapper_40,
#edost-prop-wrapper_38,
#edost-prop-wrapper_32,
#edost-prop-wrapper_34,
#edost-prop-wrapper_56,
#edost-prop-wrapper_57,
#edost-prop-wrapper_58,
#edost-prop-wrapper_50,
#edost-prop-wrapper_54,
#edost-prop-wrapper_47,
#edost-prop-wrapper_20 {
    display: none;
}


.edost-paysystem-user-budget {
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    margin-bottom: 20px;
}

.order_step {
    display: block;
    overflow: hidden;
    background: #40404b;
    margin-bottom: 15px;
}

.os_item {
    float: left;
    width: 24%;
    color: #fff;
    padding: 10px;
    text-align: center;
}

.os_item a, .os_item a:hover {
    color: #FFF;
}

.os_item + .os_item {
    background: url(/local/templates/gv/components/bitrix/sale.order.ajax/tpl_order/images/cart_arr_2.jpg) no-repeat left center;
}

.os_item:nth-child(3) {
    width: 28%;
}

.os_item.active {
    color: #40404b;
    background: #fff url(/local/templates/gv/components/bitrix/sale.order.ajax/tpl_order/images/cart_arr_3.jpg) no-repeat left center;
}

.os_item.active + .os_item {
    background: url(/local/templates/gv/components/bitrix/sale.order.ajax/tpl_order/images/cart_arr_1.jpg) no-repeat left center;
}

#order_form_div {
    width: 100%;
    max-width: 100%;
}

#order_form_total_div {
    margin-left: 25px;
}

#order_form_total_div {
    top: 100px !important;
}

.SaleOrderConfirmWrapper {

}

.SaleOrderConfirmWrapper .complete_box {
    background: #fff;
    padding: 20px 30px;
    margin-bottom: 15px;
}

.SaleOrderConfirmWrapper .complete_text {
    font-size: 18px;
    font-size: 1.285714285714286em;
    font-weight: 300;
    margin-bottom: 10px;
}

.SaleOrderConfirmWrapper .order_num {
    margin-bottom: 15px;
}

.SaleOrderConfirmWrapper .complete_btns {
    margin-bottom: 10px;
}

.SaleOrderConfirmWrapper .confirm_link.btn-link {
    color: #767373;
    font-weight: 300;
    text-decoration: underline;
}

.SaleOrderConfirmWrapper .future_sale {
    border-top: 1px solid #dadada;
    padding-top: 20px;
    margin-top: 30px;
}

.SaleOrderConfirmWrapper .future_sale_text {
    font-size: 16px;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 10px;
}

.order-item {
    background: #fff;
    padding: 15px;
    padding-bottom: 15px;
}

.order_text {
    padding-bottom: 0px !important;
}

.order_text .order-title {
    margin-bottom: 0px;
}

.order-title {
    font-size: 18px;
    font-size: 1.285714285714286em;
    font-weight: 300;
    color: #40404b;
    margin-bottom: 15px;
}

.edit_prof_header {
    display: block;
    float: left;
    padding: 10px 0px;
}

.btn-auth {
    background: #848484;
    color: #fff;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    width: 25%;
    margin: 0 15px 0 0;
}

/*
Бренды
*/
.brands_wrap {
    width: 100%;
}

.brands_items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
}

.brands_item {
    width: calc(20% - 27px);
    min-width: calc(20% - 30px);
    margin-right: 30px;
    margin-bottom: 35px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    height: 210px;
    background: white;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

}

.brands_item:nth-child(5n) {
    margin-right: 0px;
}

.brands_item-img {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

}

.brands_item-img-inner {
    max-width: 100%;
    max-height: 100%;
}

.brands_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.brands_top-h1 {
    margin-right: 75px;
}

.brands_top-side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    /*background: white;*/
    height: 35px;
    margin-top: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.brands_top-side a {
    text-decoration: none;
}

.brands_top-side a:hover {
    background: var(--brand-color);
}

.brands_top-letters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.brands_top-letters_nums {
    margin: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.brands_top-letters_en {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.brands_top-letters_ru {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 10px;
}

a.nums-brands {
    margin: 0 10px;
    background: white;
    width: 50px;
    text-align: center;
    padding: 5px;
}

a.en-letters-brands {
    background: white;
    text-align: center;
    padding: 5px;
    display: block;
    width: 4%;
    margin-right: 3px;
}

a.ru-letters-brands {
    margin: 0 10px;
    background: white;
    width: 50px;
    text-align: center;
    padding: 5px;
}

a.en-letters-brands:last-child {
    margin-right: 0px;
}

a.nums-brands,
a.en-letters-brands,
a.ru-letters-brands {
    font-weight: 300;
    color: #2d2d2d;
}

.brands_top-search {
    margin-right: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.brands_top-search > img {
    position: absolute;
    right: 5px;
}

.brands-search-input {
    width: 235px;
    border: 0;
    outline: none;
    height: 30px;
    padding-left: 10px;
}

.brands-total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /*background: white;*/
    padding: 0 0px;
}

.brands-total_line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 120px;
    border-bottom: 1px solid #8080805e;
    background: white;
    margin-bottom: 20px;
    padding: 0 30px;
}

.brands-total_line-left {
    width: 19%;
    font-size: 60px;
    color: #2d2d2d;
}

.brands-total_line-left a {
    font-size: 42px;
    color: #2d2d2d;
    font-weight: 300;
}

.brands-total_line-left a:hover {
    text-decoration: none;
}

.brands-total_line-right {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.brands-total_item {
    width: 25%;
    padding: 26px;
    font-weight: 300;
    font-size: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.brand-wrap {
    margin-top: 20px;
}

.brand-name {
    margin-top: 0 !important;
}

.brand-description {
    display: flex;
    /*justify-content: space-around;*/
    align-items: flex-start;
    margin-bottom: 15px;
    background: white;
    padding: 10px;
}

.brand-logo {
    width: 100px;
    margin-right: 10px;
}

.brand-text {
    /*font-size: 12px;*/
    width: 100%;
    column-count: 2;

    /*height: 51px;*/

}

.brand_text_wrap {
    width: calc(100% - 100px);
}

.show_all_brands {
    width: 150px;
    margin: 10px auto;
    text-align: center;
    background: var(--brand-color);
    padding: 10px;
    color: white;
    cursor: pointer;
}

.brand_top_banner {
    width: 100%;
    height: 435px;
    margin-bottom: 20px;
}

.brand_top_banner img {
    width: 100% !important;
    height: 100% !important;
}

/*
.rv_box.cust_bran {
    padding: 0 15px !important;
}
    */

.brands_item:hover {
    border: 3px solid var(--brand-color);
}

.image_list.flex.brand_sect {
    height: 100%;
}

.section_item .tovar_prop.brand_sect {
    height: 100%;
    position: relative;
    top: 15px;
}

.inner_sections.brand_sect {
    min-height: 325px;
}

/*.news_brands_gallery {*/
/*    display: flex;*/
/*}*/
/*.brand-logo,br {*/
/*    height: 100%;*/
/*}*/
/**
* --- оформление для ЕДОСТ ---
*/


/*------------------------------------ md ------------------------------------*/
@media (min-width: 1199px) and (max-width: 1600px) {
    a.en-letters-brands {
        margin: 0 1px;
    }

    .brands-search-input {
        width: 203px;

    }

    .brands_top-h1 {
        margin-right: 36px;
    }

    .brand_top_banner {
        height: 304px;
    }

}

@media (min-width: 992px) and (max-width: 1199px) {

    .text-col-lg-2 {
        column-count: 1;
        column-gap: 0;
    }

    .text-col-md-2 {
        column-count: 2;
        column-gap: 40px;
    }

    .text-col-sm-2 {
        column-count: 2;
        column-gap: 40px;
    }

    .text-col-xs-2 {
        column-count: 2;
        column-gap: 40px;
    }

    #order_form_total_div {
        top: 100 !important;
    }

    .brands_item {
        width: calc(25% - 15px);
        min-width: calc(25% - 15px);
        margin-right: 15px;
        margin-bottom: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 159px;
        background: white;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;

    }

    a.en-letters-brands {
        margin: 0px 1px;
    }

    .brands-search-input {
        width: 180px;
    }

    .brands_item:nth-child(5n) {
        margin-right: 15px;
    }

    .brands_top {
        flex-direction: column;
    }

    .brands_top-side {
        margin-bottom: 10px;
    }

    .brands_top-h1 {
        margin-right: 75px;
        width: 100%;
        margin-left: 80px;
    }

    .brand-description {
        flex-direction: column;
    }

    .brand-text {
        font-size: 10px;
        width: 100%;
    }

    .brand_top_banner {
        height: 221px;
    }
}


/*------------------------------------ sm ------------------------------------*/


@media (min-width: 768px) and (max-width: 991px) {

    .text-col-lg-2 {
        column-count: 1;
        column-gap: 0;
    }

    .text-col-md-2 {
        column-count: 1;
        column-gap: 0;
    }

    .text-col-sm-2 {
        column-count: 2;
        column-gap: 40px;
    }

    .text-col-xs-2 {
        column-count: 2;
        column-gap: 40px;
    }


    .OrderSummary thead th {
        font-size: 16px;
    }

    .OrderSummary .summary-cart-item-discount-price {
        width: 130px;
    }

    .OrderSummary .summary-cart-item-discount-price .cidp_new_price .fa-rub {
        font-size: 17px;
    }

    .OrderSummary .summary-cart-item-total-price {
        width: 120px;
    }

    #order_form_total_div {
        top: 50px !important;
    }

    .brands_item {
        width: calc(33% - 15px);
        min-width: calc(25% - 15px);
        margin-right: 15px;
        margin-bottom: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 162px;
        background: white;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;

    }

    .brands_item:nth-child(5n) {
        margin-right: 15px;
    }

    .brands_item:nth-child(4n) {
        margin-right: 15px;
    }

    .brands_item:nth-child(3n) {
        margin-right: 0px;
    }

    .brands_top-letters_en {
        display: none;
    }

    .brands_top-h1 {
        margin-right: 166px;
    }

    .brands_top-letters_nums {
        margin-right: 0px;
    }

    .brand-description {
        flex-direction: column;
    }

    .brand-text {
        font-size: 10px;
        width: 100%;
    }

    .brand-text {
        font-size: 12px;
        /*width: 39%;*/
        column-count: 1;
    }

    .brand_top_banner {
        height: 145px;
    }
}


/*------------------------------------ xs ------------------------------------*/

@media (max-width: 767px) {

    .text-col-lg-2 {
        column-count: 1;
        column-gap: 0;
    }

    .text-col-md-2 {
        column-count: 1;
        column-gap: 0;
    }

    .text-col-sm-2 {
        column-count: 1;
        column-gap: 0;
    }

    .text-col-xs-2 {
        column-count: 2;
        column-gap: 40px;
    }


    .OrderSummary thead th {
        font-size: 16px;
    }

    .OrderSummary .summary-cart-item-discount-price {
        width: 130px;
    }

    .OrderSummary .summary-cart-item-discount-price .cidp_new_price .fa-rub {
        font-size: 17px;
    }

    .OrderSummary .summary-cart-item-total-price {
        width: 120px;
    }

    #order_form_total_div {
        top: unset;
    }

    .SaleOrderConfirmWrapper .tmg {
        width: 100%;
    }

    .SaleOrderConfirmWrapper .tmg {
        width: 100%;
    }

    .SaleOrderConfirmWrapper .tmg .tmg_ps_paysys_desc {
        float: none;
    }

    .SaleOrderConfirmWrapper .tmg .tmg_ps_paysys {
        position: relative;
    }

    .brands_item {
        width: calc(33% - 15px);
        min-width: calc(25% - 15px);
        margin-right: 15px;
        margin-bottom: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 156px;
        background: white;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;

    }

    .brands_top-letters_en {
        display: none;
    }

    .brands_top-letters_ru {
        display: none;
    }

    .brands_top-letters_nums {
        display: none;
    }

    .brands-search-input {
        width: 100%;
    }

    .brands_top-search {
        width: 100%;
    }

    .brand-description {
        flex-direction: column;
    }

    .brand-text {
        font-size: 12px;
        /*width: 39%;*/
        column-count: 1;
    }

    .brands_item:nth-child(5n) {
        margin-right: 15px;
    }

    .brands-total_item {
        font-size: 12px;

    }

    .brands-total_line {
        padding: 0 4px;

    }

    .brands-total_line-left {
        width: 6%;
    }

    .brand-name {
        margin-top: 20px !important;
    }

    .brand_top_banner {
        height: 133px;
    }

}


@media (min-width: 320px) and (max-width: 429px) {

    #edost_catalogdelivery_window {
        left: calc(50% - 180px) !important;
    }
}

.mobile-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background-color: #fff;
    z-index: 90;
    box-shadow: 0px -2px 2px 0px rgba(64, 64, 75, 0.35);
}

.mobile-nav__icons {
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 100%;
}

.mobile-nav__icons .fast_i {
    display: block;
    width: 30px;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    cursor: pointer;
}

.mobile-nav__icons > div {
    display: block;
    width: 30px;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    cursor: pointer;
}

.mobile-nav__icons .fast_i .fil_url {
    display: block;
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0;
    left: 0;
}

.mobile-nav__icons .fast_i:before {
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    color: #333;
    font-size: 26px;
}

.mobile-nav__icons .fast_i.i1:before {
    content: '\f124';
}

.mobile-nav__icons .fast_i.i2:before {
    content: '\f095';
}

.mobile-nav__icons .fast_i.i3:before {
    content: '\f003';
}

.mobile-nav__icons .fast_i.i4:before {
    content: '\f080';
}

.mobile-nav__icons .fast_i.i5:before {
    content: '\f004';
}

.mobile-nav__icons .fast_i.i6:before {
    content: '\f06e';
}

.mobile-nav__icons .fast_i .count,
.mobile-nav__icons #basket_num {
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--brand-color);
    color: #fff;
    border-radius: 50%;
    bottom: unset;
    top: -2px;
    right: -8px;
    display: block;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    pointer-events: none;
}

.mobile-nav__icons #basket_num:empty {
    background: transparent;
}

.mobile-nav__icons #basket_num {
    right: -36px;
}

.mobile-nav__icons .fast_i .title {
    display: none;
}

.mobile-nav__icons .h_basked .hb_min_basket_open:before {
    content: '\f07a';
    width: 32px;
    height: 32px;
    line-height: 32px;
    display: block;
    color: #333;
    font-size: 26px;
    text-align: unset;
    padding-left: 0;
}

.mobile-nav__icons .min_basket_list {
    display: none;
}

.mobile-nav__icons .h_basked .hb_url {
    opacity: 0;
    position: absolute;
}

.fa-house:before {
    content: "\f015";
}

.header-catalog-menu.is-open {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
    background-color: #fff;
}

.header-catalog-menu__inner {
    overflow: hidden;
    height: 100%;
}

:root {
    --brand-color: #2d2d2d;
    --menu-height: 100%;
}

.header-catalog-menu__header {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 30px;
    background-color: #d8d8d8;
    position: relative;
    z-index: 10;
    box-shadow: 0px 2px 5px 0px #00000059;
}

.header-catalog-menu__header-title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
}

.header-catalog-menu__body {

    overflow-x: hidden;
    overflow-y: auto;
    background: #fff;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}

.header-catalog-menu__list {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    background-color: #fff;
    position: relative;
    z-index: 5;
    height: 100%;


}

.header-catalog-menu__list:not(.header-catalog-menu__sub-list) > .header-catalog-menu__list-item > .header-catalog-menu__link {
    font-weight: 300;
    text-transform: uppercase;
}

.header-catalog-menu__list:not(.header-catalog-menu__sub-list) > .header-catalog-menu__list-item > .header-catalog-menu__link-wrap > .header-catalog-menu__link {
    font-weight: 300;
    text-transform: uppercase;
}

.header-catalog-menu__sub-list {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    z-index: 5;

    transform: translateX(-100%);
}

.header-catalog-menu__list-item.is-open > .header-catalog-menu__sub-list {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    display: block;
}

.header-catalog-menu__list-item {
    color: #333;
    padding: 12px 0;
    margin: 0 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
}

.header-catalog-menu__btn.is-active svg path {
    stroke: var(--brand-color);
}

.header-catalog-menu__link {
    color: #333;
}

.header-catalog-menu__link:hover,
.header-catalog-menu__btn:hover path,
.header-catalog-menu__list-item:has(.is-active) > .header-catalog-menu__link,
.header-catalog-menu__list-item:has(.is-active) > .header-catalog-menu__link-wrap > .header-catalog-menu__link,
.header-catalog-menu__list-item:has(.is-active) > .header-catalog-menu__btn svg path,
.header-catalog-menu__list-item:has(.is-active) > .header-catalog-menu__link-wrap > .header-catalog-menu__btn svg path {
    color: var(--brand-color);
    stroke: var(--brand-color);
}

.header-catalog-menu__list-wraps {
    height: 100%;
}

.header-catalog-menu__list-item + .header-catalog-menu__list-item {
    border-top: 2px solid #D9D9D9;
}

.header-catalog-menu__btn {
    visibility: hidden;
    border: none;
    background-color: transparent;
    width: 22px;
    height: 22px;
    margin-left: auto;
}

.header-catalog-menu__list-item:has(.header-catalog-menu__sub-list) > .header-catalog-menu__btn {
    visibility: visible;
}

.header-catalog-menu__link-wrap {
    display: flex;
    width: 100%;
    align-items: center;
}

.header-catalog-menu__list-item:has(.header-catalog-menu__sub-list) > .header-catalog-menu__link-wrap > .header-catalog-menu__btn {
    visibility: visible;
}

.header-catalog-menu__btn svg,
.mobile-catalog__btn svg {
    transform: scale(1.5) translateX(1px);
}

.header-catalog-menu__btn:hover {
    border: 1px solid var(--brand-color);
    border-radius: 50%;
}

.header-catalog-menu__sub-list:has(~li:nth-child(5)) {
    overflow-y: auto;
}

.close-btn {
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: transparent;
    border: none;
    right: 15px;
    top: 6px;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
}

.back-btn {
    position: relative;
    width: 30px;
    height: 20px;
    background-color: transparent;
    border: none;
    display: none;
    align-items: center;
    justify-content: center;
}

.back-btn svg {
    position: absolute;
    width: 30px;
    height: 26px;
    top: 50%;
    transform: translateY(-50%);
}

.header-catalog-menu__close-btn {
    position: relative;
    width: 30px;
    height: 20px;
    right: unset;
    top: unset;
    margin-left: auto;
}

html:has(.mobile-catalog-wrap.is-open) {
    overflow: hidden;
}

.mobile-catalog-wrap {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transform: translateY(-100%);
    transition: all 0.3s ease-in-out;
    background-color: #fff;
    max-height: 100vh;
    z-index: 1200;
    overflow: auto;
}

.mobile-catalog-wrap.is-open {
    transform: translateY(0%);
}

.mobile-catalog__body {
    overflow: hidden;
    transition: height 0.3s ease;
}

.mobile-catalog {
    height: auto;
    position: relative;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%
}

.mobile-catalog__title {
    margin-bottom: 20px
}

.mobile-catalog__header {
    color: #fff;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 12px 16px 12px 20px;
    background-color: #333333;
    align-items: center;
    box-shadow: 0px 2px 5px 0px #00000059;
    margin-bottom: 20px;
}

.mobile-catalog__header:hover,
.mobile-catalog__header:active {
    color: var(--brand-color);
}

.mobile-catalog__close-btn {
    width: 30px;
    height: 30px;
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-catalog__btn {
    border: none;
    background-color: transparent;
    display: flex;
    align-items: center;
    /*width: 30px;*/
    width: 150px;
    padding: 5px 0 5px 124px;

}

.mobile-catalog__main-list:not(.mobile-catalog__main-list--sub) > .mobile-catalog__item > .mobile-catalog__header {
    font-weight: 700;
    text-transform: uppercase;
}

.mobile-catalog__header--main {
    background-color: transparent;
    color: #333;
    padding: 0;
    box-shadow: none;
    margin-bottom: 0;
}

.mobile-catalog__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding: 8px 0;
    margin: 0 20px;
    color: #333;
}

.mobile-catalog__link-back-title {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
}

.mobile-catalog__link-back-title > svg {
    flex-shrink: 0;
}

.mobile-catalog__item.is-opened > .mobile-catalog__main-list--sub,
.mobile-catalog__main-list {
    background-color: #fff;
    padding: 0;
    margin: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.mobile-catalog__item + .mobile-catalog__item {
    border-top: 2px solid #D9D9D9;
}

.mobile-catalog__main-list.sub-menu-opened {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.mobile-catalog__main-list--sub {
    background-color: #fff;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(240%);
    -ms-transform: translateX(240%);
    transform: translateX(240%);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    width: 100%;
    z-index: 10
}

.mobile-catalog__link-back {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 12px 16px 12px 20px;
    background-color: #d8d8d8;
    align-items: center;
    box-shadow: 0px 2px 5px 0px #00000059;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 20px;
}

.mobile-catalog__link-all {
    color: #fff
}

.mobile-banner-action {
    display: none;
    min-height: 90px;
    align-items: center;
    text-transform: uppercase;
    font-size: 20px;
    background-color: #41414c;
    color: #fff;
    padding-left: 35px;
    padding-right: 15px;
}

.mobile-banner-action a {
    color: #fff;
}

.contacts-list__item {
    padding: 2px 10px;
    color: #8d8d8d;
    display: flex;
    align-items: center;
    gap: 15px;
}

.contacts-list .i_fa:before {
    position: static;
    font-size: 25px;
}

.contacts-list__item .i_fa {
    width: 20px;
}

.m_main_menu .contacts-list .contacts-list__item a {
    box-shadow: none;
    padding: 0;
}

.contacts-list__item + .contacts-list__item {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.smart-filter__options-box-title {
    display: none;
    padding: 10px 15px;
    border-radius: 50px;
    background: #40404b;
    -webkit-box-shadow: inset 1px 3px 7px 0px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: inset 1px 3px 7px 0px rgba(0, 0, 0, 0.34);
    box-shadow: inset 1px 3px 7px 0px rgba(0, 0, 0, 0.34);
}

.hmmi_price_wrap {
    padding-left: 9px;
}

.header-catalog-menu {
    display: none;
}

.filters-close-btn svg path {
    fill: #333;
}

@media screen and (min-width: 767px) {
    .filters-close-btn {
        display: none;
    }
}

.filters-open-btn {
    display: none;
    align-items: center;
    gap: 8px;
    border: none;
    background-color: transparent;
    padding: 5px 10px;
    margin-left: auto;
}

.filters-open-btn__count {
    padding: 0 8px;
    background-color: var(--brand-color);
    color: #fff;
    border-radius: 10px;
}

.filters-open-btn__icon {
    font-size: 24px;
}

.filters-open-btn__icon.i_fa:before {
    position: static;
}

@media screen and (min-width: 992px) {
    .m_header_fake {
        display: none;
    }

    .mobile-banner-action {
        display: none;
    }

    .header-catalog-menu .back-btn {
        display: none;
    }

    .mobile-nav {
        display: none;
    }


    .ml-auto {
        margin-left: auto;
    }

    .header__inner {
        display: flex;
        flex-direction: column;
    }

    .header__row {
        background-color: #fff;
    }

    .header__row-block {
        display: flex;
        align-items: center;
        gap: 20px;
        margin: 0 -15px;
    }

    .header__row--dark-bg {
        background-color: #41414c;
        color: #fff;
    }

    .header__info {
        display: flex;
        align-items: center;
        gap: 15px;
        color: #8d8d8d;
    }

    .header__logo {
        height: 60px;
    }

    .header__logo img {
        max-width: 100%;
        height: 100%;
        object-fit: contain;
        padding: 15px;
    }

    .header__search {
        flex-grow: 1;
    }

    .header__search .search_input_l {
        margin: 0;
    }

    .search_input_l input[type='text'] {
        border: 1px solid #8d8d8d;
        width: 100%;
        padding-right: 40px;
    }

    .header__icons .fast_icon_l .fast_i:before {
        color: #333;
    }

    .header .fast_icon_l {
        margin: 0;
    }

    #header_search_form {
        position: relative;
    }

    .header #search_submit {
        position: absolute;
        right: 0;
    }

    .header .h_basked .hb_url {
        display: none;
    }

    .header .h_basked {
        line-height: 34px;
        height: 34px;
        text-align: center;
        background: #848484;
        color: #fff;
        display: block;
        margin-top: 0;
        padding-left: 0;
        position: relative;
        text-transform: uppercase;
        z-index: 201;
        background: transparent;
    }

    .header .h_basked .hb_min_basket_open:before {
        content: '\f07a';
        width: 32px;
        height: 32px;
        line-height: 32px;
        display: block;
        color: #333;
        font-size: 20px;
        text-align: unset;
        padding-left: 0;
    }

    .header .h_basked .hb_min_basket_open {
        width: 32px;
        height: 32px;
        line-height: 32px;
        box-shadow: none;
    }

    .header .fast_icon_l .fast_i .count {
        bottom: unset;
        top: -2px;
    }

    .header .h_basked.active .num {
        position: absolute;
        width: 18px;
        height: 18px;
        background: var(--brand-color);
        color: #fff;
        border-radius: 50%;
        bottom: unset;
        right: 0;
        top: -2px;
        display: block;
        line-height: 18px;
        text-align: center;
        font-size: 12px;
        pointer-events: none;
    }

    .header .h_basked.active .num {
        left: unset;
    }

    .header #smartfilter ul {
        display: flex;
        align-items: center;
        margin: 0;
        padding: 0;
    }

    .header #smartfilter {
        margin: 0 auto;
    }

    #smartfilter ul li span,
    #smartfilter ul li a {
        padding: 10px 40px;
        display: inline-block;
        cursor: pointer;
        color: #fff;
        text-transform: uppercase;
    }

    #smartfilter ul li span.hmm-close {
        padding: 0;
    }

    #smartfilter ul li {
        border-left: 1px solid #fff;
    }

    #smartfilter ul li:last-child {
        border-right: 1px solid #fff;
    }

    .headroom {
        will-change: transform;
        transition: transform 200ms linear;
    }

    .headroom--pinned {
        transform: translateY(0%);
    }

    .headroom--not-top.headroom--pinned {
        transform: translateY(-42px);
    }

    .headroom--unpinned {
        transform: translateY(-100%);
    }

    html:has(.smartfilter-open) {
        overflow: hidden;
    }

    #header.smartfilter-open {
        height: 100vh;
    }

    #smartfilter ul li span.active {
        color: #40404b;
    }

    .select_box {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

    .select_box_toggle {
        padding: 10px 0;
    }

    .hmmi_wrapper {
        height: calc(100dvh - 180px);
    }

    #smartfilter .hmm_link span {
        color: #FF9600;
        padding: 0;
    }

    #smartfilter .hmm_link:hover span {
        text-decoration: underline;
    }

    #smartfilter .hmm_link {
        margin-bottom: 0;
    }

    .smart-filter__title-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .smart-filter__options {
        display: flex;
    }

    .smart-filter__options-box {
        overflow-y: auto;
        overflow-x: hidden;
        max-height: calc(100vh - 400px);
        scrollbar-width: thin
    }

    .smart-filter__options-left {
        width: 80%;
        display: grid;
        gap: 20px;
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    }

    .smart-filter__options-right {
        width: 20%;
        padding-left: 20px;
    }

    #smartfilter ul li .ui-slider-handle {
        padding: 0;
    }

    .show-catalog-btn:hover {
        background-color: #40404b;
    }

    :root {
        --menu-height: 72vh;
    }


    .header-catalog-menu.is-open {
        transform: translateY(0) translateX(-50%);
        visibility: visible;
        opacity: 1;
    }

    .header-catalog-menu__inner {
        overflow: hidden;
        height: auto;
    }

    .header-catalog-menu__sub-list {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        opacity: 0;
        visibility: hidden;
        z-index: -1;
        display: none;
    }

    .header-catalog-menu__list {
        max-width: 250px;
        z-index: 5;
        box-shadow: 2px 0px 5px 0px #00000040;
    }

    .header-catalog-menu__sub-list {
        transform: translateX(0);
    }

    .header-catalog-menu__list-item.is-open > .header-catalog-menu__sub-list {
        transform: translateX(100%);
        display: block;
    }

    .header-catalog-menu__body {
        height: var(--menu-height);
    }

}

@media screen and (max-width: 991px) {
    .header-catalog-menu:has(.header-catalog-menu__list-item.is-open) .back-btn {
        display: flex;
    }

    .header-catalog-menu__header {
        justify-content: left;
    }

    jdiv[class*="wrap__"] {
        bottom: 60px !important;
    }

    .show-catalog-btn,
    .show-brands {
        color: #fff !important;
        background-color: #666676;
        text-decoration: none;
    }

    .main_menu .main_menu__static {
        display: none;
    }

    html:has(.header-catalog-menu.is-open) {
        overflow: hidden;
    }

    .header-catalog-menu__list {
        position: absolute;
        left: 0;
        right: 0;
        overflow: auto;
    }
}

@media screen and (max-width: 767px) {
    .catalog-menu {
        margin: 0 0 20px 0;
    }

    #why {
        display: none;
    }

    .mobile-banner-action {
        display: flex;
    }

    .main_banner_item {
        min-height: 90px;
    }

    .main_banner_item .icon {
        display: none;
    }

    .main_banner_item .title {
        width: 100%;
        text-align: start;
        padding-left: 20px;
    }

    .i_mask.flex {
        height: 100%;
        align-items: center;
        justify-content: flex-start;
        text-align: start;
        text-transform: uppercase;
        min-height: 90px;
    }

    .m_menu_icon_list li .fa {
        margin-right: 15px;
    }

    .m_menu_icon_list .count {
        left: 215px;
        right: unset;
        bottom: -2px;
    }

    footer {
        padding-bottom: 60px;
    }

    .hmm_link {
        margin-bottom: 5px;
    }

    .smart-filter__title-wrap {
        text-align: center;
    }

    .header_main_menu_item fieldset.hmmi_bottob {
        position: fixed;
        bottom: 0;
        left: 0;
        background: #333;
        margin: 0;
        padding: 15px;
        z-index: 5;
    }

    .smart-filter__options-box-title {
        display: block;
        font-weight: 300;
        font-size: 16px;
        position: relative;
    }

    .header_main_menu_item form .smart-filter__options-left .title {
        display: none;
    }

    .smart-filter__options-box-title + fieldset {
        display: none;
        padding: 10px 20px;
        margin-bottom: 0;
    }

    .smart-filter__options {
        padding: 0 15px;
    }

    .smart-filter__options-box + .smart-filter__options-box {
        margin-top: 15px;
    }

    .smart-filter__options-box-title::after {
        position: absolute;
        content: '';
        right: 15px;
        top: 20px;
        margin: auto;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #fff;
    }

    .header_main_menu_item .select_arr {
        right: 45px;
        top: 3px;
    }

    .tovar_list_sidebar {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        transform: translateX(-100%);
        transition: all 0.3s ease-in;
        background-color: #fff;
        z-index: 1000;
        height: 100dvh;
        overflow: auto;
        padding-top: 40px;
    }

    .tovar_list_sidebar.is-open {
        transform: translateX(0%);
    }

    .tovar_list_sidebar .catalog-menu {
        display: none;
    }

    .filters-mobile-wrap {
        display: flex;
        align-items: center;
    }

    .filters-open-btn {
        display: inline-flex;
    }
}

.smart-filter__options-box:empty {
    display: none;
}

.header_main_menu_item form .title {
    text-align: center;
}

.filter-buttons-wrap {
    display: flex;
    gap: 15px;
    padding-bottom: 0;
}

.filter-buttons-wrap > input {
    flex-basis: 50%;
}

form.smartfilter {
    position: relative;
}

.formfilter-buttons-row {
    position: sticky;
    bottom: 0;
    background-color: #fff;
    z-index: 500;
    padding: 15px 0;
}
#top-arrFilterSmart_9937_MIN {
    width: 100% !important;
}
#smartfilter ul li span.plus_minus {
    padding: 0 10px 0 0;
}
.gv_modal .container:has(.video-buttons__wrap) {
    max-width: unset !important;
}
.top_check {
    width: 91% !important;
}


@media (max-width: 767px) {
    #modef {
        display: none !important;
    }
}

.product_item_new .pin_l{box-shadow:inset 0px 0px 0px 1px rgba(0,0,0,0.2);}

main{
    background: url(images/bg.jpg) no-repeat fixed 50% 50% / cover !important;
}
.compare_header{
    border-bottom: 1px solid #9f9fa5;
    position: relative;
}
.compare_item_title{
    padding: 15px;
}
.compare_item_title a{
    display: block;
    display: block;
    height: 3.2em;
    overflow: hidden;
}
.compare_item_name{
    font-weight: bold;
    font-size: 18px;
    font-size: 1.285714285714286em;
    padding-bottom: 15px;
    border-bottom: 1px solid #d9d9db;
    margin-bottom: 15px;
    color: #40404B;
}
.comp_row,
.title_row{
    padding-left: 305px;
    position: relative;    
}
.comp_row{
    border-bottom: 1px dotted #57585b;	
}
.comp_row:hover{
    background: rgba(0,0,0,0.1);	
}
.cit_price_row{
    margin-left: -5px;
    margin-right: -5px;
    overflow: hidden;
}
.cit_price_row>div{
    padding: 0 5px;
}
.cit_price_row .btn{
    padding: 10px;
}
.cit_price{
    font-size: 20px;
    font-size: 1.428571428571429em;
    font-weight: bold;
}
.cit_price .fa{
    font-size: .8em;
    padding-left: 5px;
}
.comp_row>div{
    padding-top: 5px;
    padding-bottom: 5px;    
}
.ci_img_a{
    padding-top: 100%;
    margin-bottom: 15px;
    position: relative;
}
.ci_img_a img{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}
.compare_header_filter{
    background: #d9d9db;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.compare-list-result {
    background: #FFF;
    width: 100%;
    overflow-x: auto;
    margin-bottom: 15px;
}
.compare-grid .row{
    margin: 0;
}
.compare-property{
    background: #d9d9db;  
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    margin: 0;
    font-weight: bold;
}

div.compare-props { 
    border:1px solid #69c028; 
    padding: 1em; 
    margin: 0 0 2em;
}
div.compare-buttons { margin-top: 1em; text-align: right;}
div.compare-buttons input { padding-left: 0.5em; padding-right: 0.5em; overflow: visible;}
table.compare-props { width: 100%; }
table.compare-props td { width: 33.33%; vertical-align: top;}
table.compare-props a { text-decoration: none; }
table.compare-props input { float: left; margin-right: -23px;}
table.compare-props label { margin-left: 23px; display: block; padding-top: 2px;}

table.compare-grid td { 
    padding: 5px 5px 5px 5px;
    vertical-align: top;
}
table.compare-grid td>div{
    border-bottom: 1px dashed #ccc;
}
table.compare-grid thead td {
}
table.compare-grid .alt {
}
.compare_name {
    color: #000;
    text-decoration: none;
}
.inline-filter, .compare-filter {
    margin-bottom: 15px;
    margin-top: 5px;
}
.compare-filter span,
.compare-filter a{
    display: block;
    margin-bottom: 7px;
    padding-left: 25px;
    position: relative;
    color: #40404B;
    text-decoration: none;
}
.compare-filter span:before,
.compare-filter a:before{
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 13px;
    height: 13px;
    background: #eee;
    border-radius: 50px;
    border: 1px solid #cdcdcd;
    -webkit-box-shadow: inset 0px 4px 7px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:    inset 0px 4px 7px 0px rgba(0, 0, 0, 0.25);
    box-shadow:         inset 0px 4px 7px 0px rgba(0, 0, 0, 0.25);
}
.compare-filter span:before{
    border: 3px solid #40404b;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
     box-shadow: none;
}
.notetext {
    margin-top: 15px;
}
.select_sec {
    padding: 15px 0;
}
.select_sec ul{
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 15px;    
}
.ss_items{
    background: #fff;
    border-radius: 5px;
    border: 1px solid #40404B;
    -webkit-box-shadow: inset 0 4px 7px 0 rgba(0,0,0,.25);
    -moz-box-shadow: inset 0 4px 7px 0 rgba(0,0,0,.25);
    box-shadow: inset 0 4px 7px 0 rgba(0,0,0,.25);
    position: relative;
}
.ss_items:after{
    content: "\f107";
    position: absolute;
    right: 10px;
    top: 4px;
    font-family: FontAwesome;
    z-index: 1;
    font-size: 18px;
    font-size: 1.285714285714286em;
}
.select_sec ul li{
    display: none;
    padding: 5px 10px;
    cursor: pointer;
}
.select_sec ul.open li,
.select_sec ul li.active{
    display: block;
}
a.compare-delete-item{
    
}
a.compare-delete-item .fa{
    padding-left: 5px;
}
.currency{
    font-size: 20px;
    font-size: 1.428571428571429em;
    font-weight: bold;
}
.currency .fa{
    font-size: .8em;
}

.compare-property, .compare_header_filter{
    width:305px;
    padding: 15px;
}
.product_item_new_list_item{
    padding: 0 15px 15px 15px;
}
.compare-property-val{
    padding: 15px;
}